@import url(https://fonts.googleapis.com/css2?family=Montserrat&family=Poppins:wght@300;400;500;600&display=swap);
html {
  margin: 0px;
  padding: 0px;
}

body {
  margin: 0px !important;
  padding: 0px !important;
  font-size: 14px !important;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: black;
}

p {
  margin: 0 !important;
}

/* custom scrollbar */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #ccc;
}

::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}

/* overriding mui z-index to zero for tables (by SaiTeja) */
.MuiTableCell-stickyHeader {
  z-index: 0 !important;
}

.accordion-block::before {
  height: 0 !important;
}

html,
body {
  overflow-x: hidden
}
/* THEME VARIABLES – Colors, Fonts, Spacing */

:root {
  /* Font Families */
  --font-primary: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;

  --font-secondary: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;

  --font-mono: 'SF Mono', Monaco, 'Inconsolata', 'Roboto Mono', 'Source Code Pro',
    'Fira Code', 'Consolas', 'Liberation Mono', monospace;

  /* Font Sizes */
  --text-xs: 0.75rem;
  /* 12px */
  --text-sm: 0.875rem;
  /* 14px */
  --text-base: 1rem;
  /* 16px */
  --text-lg: 1.125rem;
  /* 18px */
  --text-xl: 1.25rem;
  /* 20px */
  --text-2xl: 1.5rem;
  /* 24px */
  --text-3xl: 1.875rem;
  /* 30px */
  --text-4xl: 2.25rem;
  /* 36px */
  --text-5xl: 3rem;
  /* 48px */
  --text-6xl: 3.75rem;
  /* 60px */
  --text-7xl: 4.5rem;
  /* 72px */
  --text-8xl: 6rem;
  /* 96px */
  --text-9xl: 8rem;
  /* 128px */

  /* Font Weights */
  --font-light: 300;
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-extrabold: 800;

  /* Line Heights */
  --leading-none: 1;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --leading-loose: 2;

  /* Letter Spacing */
  --tracking-tighter: -0.05em;
  --tracking-tight: -0.025em;
  --tracking-normal: 0;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;

  /* Drawer colors */
  --drawer-bg: #000000;
  --drawer-text: #ffffff;
  --drawer-border: #1a1a1a;
  --drawer-hover-bg: #1a1a1a;
  --drawer-active-bg: #666a76;
  --drawer-section-header: #666666;
  --drawer-listitem-inactive: #cccccc;
  --drawer-tooltip-bg: #374151;
  --drawer-tooltip-arrow: #374151;
  --drawer-tooltip-text: #fff;
  --drawer-badge-bg: #ef4444;
  --drawer-badge-secondary-bg: #ec4899;
  --drawer-error: #ef4444;
  --drawer-success: #10b981;
  --drawer-warning: #f59e0b;
  --drawer-spinner-bg: #f3f3f3;
  --drawer-spinner-top: #3b82f6;
  --drawer-outline: #3b82f6;
  --drawer-divider: #e7e7e738;
  --drawer-submenu-bg: #23272f;
  --drawer-popover-bg: #1f2937;
  --drawer-popover-border: #374151;
  --drawer-popover-text: #f9fafb;
  --drawer-menu-hover-bg: #f3f4f6;
  --drawer-menu-hover-bg-gradient: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
  --drawer-menu-active-bg: #666a76;
  --drawer-menu-active-color: #a5b4fc;
  --drawer-menu-divider: #e2e8f0;
  --drawer-logout-bg: #f8f9fa;
  --drawer-logout-hover-bg: #e9ecef;
  --drawer-logout-danger: #dc3545;
  --drawer-profile-name: #1a1a1a;
  --drawer-profile-email: #6b7280;
  --drawer-profile-date: #9ca3af;
  --drawer-version-text: rgba(255, 255, 255, 0.5);
  --drawer-version-text-collapsed: rgba(255, 255, 255, 0.4);
  --drawer-tooltip-border: #333;
  --drawer-tooltip-bg-dark: #2a2a2a;
  /* Tooltip gradient start */
  --drawer-tooltip-bg-darker: #1f1f1f;
  /* Tooltip gradient end */
  --drawer-tooltip-arrow-dark: #2a2a2a;
  /* Tooltip arrow background */
  --drawer-tooltip-border-dark: #333333;
  /* Tooltip arrow border */
  --drawer-project-icon: #fbbf24;
  /* Project icon yellow */
  --drawer-profile-meta: #94a3b8;
  /* Profile date, meta text */
  --drawer-divider-light: #d1d5db;
  /* Light divider */

  /* Semantic Colors */
  --color-primary: #1a1a1a;
  /* Main text */
  --color-secondary: #6b7280;
  /* Subtext, captions */
  --color-muted: #9ca3af;
  /* Muted-disabled text */
  --color-accent: #3b82f6;
  /* Interactive-primary buttons */
  --color-success: #10b981;
  /* Positive state */
  --color-warning: #f59e0b;
  /* Caution-alerts */
  --color-error: #ef4444;
  /* Errors */

  /* Background Colors */
  --color-bg: #ffffff;
  --color-background: #f9fafb;
  /* Light background */
  --color-background-dark: #111827;
  /* Dark background */
  --bg-default: #ffffff;
  --bg-muted: #f3f4f6;
  /* Muted section bg */
  --bg-paper: #f3f4f6;
  --bg-card: #e5e7eb;
  /* Cards, widgets */
  --bg-dark: #1f2937;
  /* Dark background */
  /* --bg-red " #red */
  --bg-falsepositive: #10B981;
  --bg-cannotbeFixed: #6B7280;
  /* Cannot be fixed background */
  --bg-acceptRisk: #F59E0B;
  /* Accept risk background */



  /* Border-Divider Colors */
  --border-color: #e5e7eb;
  --divider-color: #d1d5db;

  /* Interactive States */
  --hover-bg: #f3f4f6;
  --active-bg: #e5e7eb;
  --focus-ring: #2563eb;

  /* Grayscale Palette */
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;

  /* Chart Colors */
  --chart-color-1: #0d47a1;
  /* Deep Blue */
  --chart-color-2: #4169E1;
  /* Royal Blue */
  --chart-color-3: #1E90FF;
  /* Dodger Blue */
  --chart-color-4: #00BFFF;
  /* Deep Sky Blue */
  --chart-color-5: #4682B4;
  /* Steel Blue */

  /* Spacing */
  --space-xs: 0.25rem;
  /* 4px */
  --space-sm: 0.5rem;
  /* 8px */
  /* --space-2_5: 0.625rem;    10px */
  --space-md: 0.75rem;
  /* 12px */
  --space-lg: 1rem;
  /* 16px */
  --space-xl: 1.5rem;
  /* 24px */
  --space-2xl: 2rem;
  /* 32px */
  --space-3xl: 3rem;
  /* 48px */
  --space-4xl: 4rem;
  /* 64px */

  /* Border Radius */
  --radius-xs: 0.125rem;
  /* 2px */
  --radius-sm: 0.25rem;
  /* 4px */
  --radius-md: 0.5rem;
  /* 8px */
  --radius-lg: 0.75rem;
  /* 12px */
  --radius-xl: 1rem;
  /* 16px */
  --radius-full: 9999px;
  /* Circular */
  --radius-pill: 9999px;
  /* Pill buttons */
  --radius-square: 0;
  /* No rounding */

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.25);
  --shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.06);
  --shadow-none: none;

  /* Z-Index */
  --z-xs: 0;
  --z-sm: 100;
  --z-md: 200;
  --z-lg: 300;
  --z-xl: 400;
  --z-2xl: 500;
  --z-modal: 1000;
  /* For modals, popups */
  --z-tooltip: 1100;
  /* For tooltips, dropdowns */
  --z-backdrop: 1200;
  /* For backdrop overlays */
  --z-fixed: 1300;
  /* For fixed elements */
  --z-top: 1400;
  /* For elements that should always be on top */
  --z-infinity: 9999;
  /* For emergency overrides */

  /* Breakpoints */
  --breakpoint-xs: 0px;
  /* Extra small: phones (<576px) */
  --breakpoint-sm: 576px;
  /* Small: large phones-small tablets */
  --breakpoint-md: 768px;
  /* Medium: tablets */
  --breakpoint-lg: 992px;
  /* Large: small laptops-desktops */
  --breakpoint-xl: 1200px;
  /* Extra large: desktops */
  --breakpoint-xxl: 1400px;
  /* Extra extra large: large monitors */
}
/* UTILITY CLASSES */

/* Typography Sizes */
.text-xs { font-size: var(--text-xs); }
.text-sm { font-size: var(--text-sm); }
.text-base { font-size: var(--text-base); }
.text-lg { font-size: var(--text-lg); }
.text-xl { font-size: var(--text-xl); }
.text-2xl { font-size: var(--text-2xl); }
.text-3xl { font-size: var(--text-3xl); }
.text-4xl { font-size: var(--text-4xl); }

/* Font Weights */
.font-light { font-weight: var(--font-light); }
.font-normal { font-weight: var(--font-normal); }
.font-medium { font-weight: var(--font-medium); }
.font-semibold { font-weight: var(--font-semibold); }
.font-bold { font-weight: var(--font-bold); }
.font-extrabold { font-weight: var(--font-extrabold); }

/* Line Heights */
.leading-none { line-height: var(--leading-none); }
.leading-tight { line-height: var(--leading-tight); }
.leading-snug { line-height: var(--leading-snug); }
.leading-normal { line-height: var(--leading-normal); }
.leading-relaxed { line-height: var(--leading-relaxed); }
.leading-loose { line-height: var(--leading-loose); }

/* Font Families */
.font-primary { font-family: var(--font-primary); }
.font-secondary { font-family: var(--font-secondary); }
.font-mono { font-family: var(--font-mono); }

/* Text Colors */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-muted { color: var(--color-muted); }
.text-accent { color: var(--color-accent); }
.text-success { color: var(--color-success); }
.text-warning { color: var(--color-warning); }
.text-error { color: var(--color-error); }
.text-white { color: white; }

/* Background Colors */
.bg-default { background-color: var(--bg-default); }
.bg-muted { background-color: var(--bg-muted); }
.bg-paper { background-color: var(--bg-paper); }
.bg-card { background-color: var(--bg-card); }
.bg-dark { background-color: var(--bg-dark); }

/* Chart Backgrounds */
.bg-chart-1 { background-color: var(--chart-color-1); }
.bg-chart-2 { background-color: var(--chart-color-2); }
.bg-chart-3 { background-color: var(--chart-color-3); }
.bg-chart-4 { background-color: var(--chart-color-4); }
.bg-chart-5 { background-color: var(--chart-color-5); }

/* Spacing */
.p-xs { padding: var(--space-xs); }
.p-sm { padding: var(--space-sm); }
.p-md { padding: var(--space-md); }
.p-lg { padding: var(--space-lg); }
.p-xl { padding: var(--space-xl); }

.m-xs { margin: var(--space-xs); }
.m-sm { margin: var(--space-sm); }
.m-md { margin: var(--space-md); }
.m-lg { margin: var(--space-lg); }
.m-xl { margin: var(--space-xl); }

.mb-xs { margin-bottom: var(--space-xs); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-md { margin-bottom: var(--space-md); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-xl { margin-bottom: var(--space-xl); }

.mt-xs { margin-top: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-md { margin-top: var(--space-md); }
.mt-lg { margin-top: var(--space-lg); }
.mt-xl { margin-top: var(--space-xl); }

/* Border Radius */
.rounded-sm { border-radius: var(--radius-sm); }
.rounded-md { border-radius: var(--radius-md); }
.rounded-lg { border-radius: var(--radius-lg); }
.rounded-full { border-radius: 50%; }

/* Shadows */
.shadow-sm { box-shadow: var(--shadow-sm); }
.shadow-md { box-shadow: var(--shadow-md); }
.shadow-lg { box-shadow: var(--shadow-lg); }

/* Layout Utilities */
.flex { display: flex; }
.grid { display: grid; }
.block { display: block; }
.inline-block { display: inline-block; }
.text-center { text-align: center; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.gap-sm { gap: var(--space-sm); }
.gap-md { gap: var(--space-md); }
.gap-lg { gap: var(--space-lg); }
.gap-xl { gap: var(--space-xl); }

/* Grid Templates */
.grid-cols-auto { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.grid-cols-3 { grid-template-columns: repeat(3, 1fr); }

/* Borders */
.border { border: 1px solid var(--color-muted); }
.border-t { border-top: 1px solid var(--color-muted); }
.border-b { border-bottom: 1px solid var(--color-muted); }

/* Opacity */
.opacity-70 { opacity: 0.7; }
.opacity-90 { opacity: 0.9; }

/* Width */
.w-10 { width: 2.5rem; }
.w-full { width: 100%; }
.max-w-md { max-width: 400px; }

/* Height */
.h-10 { height: 2.5rem; }
.min-h-screen { min-height: 100vh; }
/*    GLOBAL CHART COLOR SYSTEM  */

/* Chart Color Variables */
:root {
  --chart-color-1: #0d47a1;   /* Deep Blue */
  --chart-color-2: #4169E1;   /* Royal Blue */
  --chart-color-3: #1E90FF;   /* Dodger Blue */
  --chart-color-4: #00BFFF;   /* Deep Sky Blue */
  --chart-color-5: #4682B4;   /* Steel Blue */
}

/* Chart Color Utility Classes */

/* Backgrounds */
.bg-chart-1 { background-color: #0d47a1; background-color: var(--chart-color-1); }
.bg-chart-2 { background-color: #4169E1; background-color: var(--chart-color-2); }
.bg-chart-3 { background-color: #1E90FF; background-color: var(--chart-color-3); }
.bg-chart-4 { background-color: #00BFFF; background-color: var(--chart-color-4); }
.bg-chart-5 { background-color: #4682B4; background-color: var(--chart-color-5); }

/* Texts */
.text-chart-1 { color: #0d47a1; color: var(--chart-color-1); }
.text-chart-2 { color: #4169E1; color: var(--chart-color-2); }
.text-chart-3 { color: #1E90FF; color: var(--chart-color-3); }
.text-chart-4 { color: #00BFFF; color: var(--chart-color-4); }
.text-chart-5 { color: #4682B4; color: var(--chart-color-5); }

/* Borders */
.border-chart-1 { border-color: #0d47a1; border-color: var(--chart-color-1); }
.border-chart-2 { border-color: #4169E1; border-color: var(--chart-color-2); }
.border-chart-3 { border-color: #1E90FF; border-color: var(--chart-color-3); }
.border-chart-4 { border-color: #00BFFF; border-color: var(--chart-color-4); }
.border-chart-5 { border-color: #4682B4; border-color: var(--chart-color-5); }

/* THEME VARIABLES – Colors, Fonts, Spacing */

:root {
  /* Font Families */
  --font-primary: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;

  --font-secondary: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;

  --font-mono: 'SF Mono', Monaco, 'Inconsolata', 'Roboto Mono', 'Source Code Pro',
    'Fira Code', 'Consolas', 'Liberation Mono', monospace;

  /* Font Sizes */
  --text-xs: 0.75rem;
  /* 12px */
  --text-sm: 0.875rem;
  /* 14px */
  --text-base: 1rem;
  /* 16px */
  --text-lg: 1.125rem;
  /* 18px */
  --text-xl: 1.25rem;
  /* 20px */
  --text-2xl: 1.5rem;
  /* 24px */
  --text-3xl: 1.875rem;
  /* 30px */
  --text-4xl: 2.25rem;
  /* 36px */
  --text-5xl: 3rem;
  /* 48px */
  --text-6xl: 3.75rem;
  /* 60px */
  --text-7xl: 4.5rem;
  /* 72px */
  --text-8xl: 6rem;
  /* 96px */
  --text-9xl: 8rem;
  /* 128px */

  /* Font Weights */
  --font-light: 300;
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-extrabold: 800;

  /* Line Heights */
  --leading-none: 1;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --leading-loose: 2;

  /* Letter Spacing */
  --tracking-tighter: -0.05em;
  --tracking-tight: -0.025em;
  --tracking-normal: 0;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;

  /* Drawer colors */
  --drawer-bg: #000000;
  --drawer-text: #ffffff;
  --drawer-border: #1a1a1a;
  --drawer-hover-bg: #1a1a1a;
  --drawer-active-bg: #666a76;
  --drawer-section-header: #666666;
  --drawer-listitem-inactive: #cccccc;
  --drawer-tooltip-bg: #374151;
  --drawer-tooltip-arrow: #374151;
  --drawer-tooltip-text: #fff;
  --drawer-badge-bg: #ef4444;
  --drawer-badge-secondary-bg: #ec4899;
  --drawer-error: #ef4444;
  --drawer-success: #10b981;
  --drawer-warning: #f59e0b;
  --drawer-spinner-bg: #f3f3f3;
  --drawer-spinner-top: #3b82f6;
  --drawer-outline: #3b82f6;
  --drawer-divider: #e7e7e738;
  --drawer-submenu-bg: #23272f;
  --drawer-popover-bg: #1f2937;
  --drawer-popover-border: #374151;
  --drawer-popover-text: #f9fafb;
  --drawer-menu-hover-bg: #f3f4f6;
  --drawer-menu-hover-bg-gradient: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
  --drawer-menu-active-bg: #666a76;
  --drawer-menu-active-color: #a5b4fc;
  --drawer-menu-divider: #e2e8f0;
  --drawer-logout-bg: #f8f9fa;
  --drawer-logout-hover-bg: #e9ecef;
  --drawer-logout-danger: #dc3545;
  --drawer-profile-name: #1a1a1a;
  --drawer-profile-email: #6b7280;
  --drawer-profile-date: #9ca3af;
  --drawer-version-text: rgba(255, 255, 255, 0.5);
  --drawer-version-text-collapsed: rgba(255, 255, 255, 0.4);
  --drawer-tooltip-border: #333;
  --drawer-tooltip-bg-dark: #2a2a2a;
  /* Tooltip gradient start */
  --drawer-tooltip-bg-darker: #1f1f1f;
  /* Tooltip gradient end */
  --drawer-tooltip-arrow-dark: #2a2a2a;
  /* Tooltip arrow background */
  --drawer-tooltip-border-dark: #333333;
  /* Tooltip arrow border */
  --drawer-project-icon: #fbbf24;
  /* Project icon yellow */
  --drawer-profile-meta: #94a3b8;
  /* Profile date, meta text */
  --drawer-divider-light: #d1d5db;
  /* Light divider */

  /* Semantic Colors */
  --color-primary: #1a1a1a;
  /* Main text */
  --color-secondary: #6b7280;
  /* Subtext, captions */
  --color-muted: #9ca3af;
  /* Muted-disabled text */
  --color-accent: #3b82f6;
  /* Interactive-primary buttons */
  --color-success: #10b981;
  /* Positive state */
  --color-warning: #f59e0b;
  /* Caution-alerts */
  --color-error: #ef4444;
  /* Errors */

  /* Background Colors */
  --color-bg: #ffffff;
  --color-background: #f9fafb;
  /* Light background */
  --color-background-dark: #111827;
  /* Dark background */
  --bg-default: #ffffff;
  --bg-muted: #f3f4f6;
  /* Muted section bg */
  --bg-paper: #f3f4f6;
  --bg-card: #e5e7eb;
  /* Cards, widgets */
  --bg-dark: #1f2937;
  /* Dark background */
  /* --bg-red " #red */
  --bg-falsepositive: #10B981;
  --bg-cannotbeFixed: #6B7280;
  /* Cannot be fixed background */
  --bg-acceptRisk: #F59E0B;
  /* Accept risk background */



  /* Border-Divider Colors */
  --border-color: #e5e7eb;
  --divider-color: #d1d5db;

  /* Interactive States */
  --hover-bg: #f3f4f6;
  --active-bg: #e5e7eb;
  --focus-ring: #2563eb;

  /* Grayscale Palette */
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;

  /* Chart Colors */
  --chart-color-1: #0d47a1;
  /* Deep Blue */
  --chart-color-2: #4169E1;
  /* Royal Blue */
  --chart-color-3: #1E90FF;
  /* Dodger Blue */
  --chart-color-4: #00BFFF;
  /* Deep Sky Blue */
  --chart-color-5: #4682B4;
  /* Steel Blue */

  /* Spacing */
  --space-xs: 0.25rem;
  /* 4px */
  --space-sm: 0.5rem;
  /* 8px */
  /* --space-2_5: 0.625rem;    10px */
  --space-md: 0.75rem;
  /* 12px */
  --space-lg: 1rem;
  /* 16px */
  --space-xl: 1.5rem;
  /* 24px */
  --space-2xl: 2rem;
  /* 32px */
  --space-3xl: 3rem;
  /* 48px */
  --space-4xl: 4rem;
  /* 64px */

  /* Border Radius */
  --radius-xs: 0.125rem;
  /* 2px */
  --radius-sm: 0.25rem;
  /* 4px */
  --radius-md: 0.5rem;
  /* 8px */
  --radius-lg: 0.75rem;
  /* 12px */
  --radius-xl: 1rem;
  /* 16px */
  --radius-full: 9999px;
  /* Circular */
  --radius-pill: 9999px;
  /* Pill buttons */
  --radius-square: 0;
  /* No rounding */

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.25);
  --shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.06);
  --shadow-none: none;

  /* Z-Index */
  --z-xs: 0;
  --z-sm: 100;
  --z-md: 200;
  --z-lg: 300;
  --z-xl: 400;
  --z-2xl: 500;
  --z-modal: 1000;
  /* For modals, popups */
  --z-tooltip: 1100;
  /* For tooltips, dropdowns */
  --z-backdrop: 1200;
  /* For backdrop overlays */
  --z-fixed: 1300;
  /* For fixed elements */
  --z-top: 1400;
  /* For elements that should always be on top */
  --z-infinity: 9999;
  /* For emergency overrides */

  /* Breakpoints */
  --breakpoint-xs: 0px;
  /* Extra small: phones (<576px) */
  --breakpoint-sm: 576px;
  /* Small: large phones-small tablets */
  --breakpoint-md: 768px;
  /* Medium: tablets */
  --breakpoint-lg: 992px;
  /* Large: small laptops-desktops */
  --breakpoint-xl: 1200px;
  /* Extra large: desktops */
  --breakpoint-xxl: 1400px;
  /* Extra extra large: large monitors */
}
/*  Base Typography Reset  */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: var(--font-primary);
  font-size: var(--text-sm);
  /* 14px */
  font-weight: var(--font-normal);
  /* 400 */
  line-height: var(--leading-normal);
  /* 1.5 */
  color: var(--color-primary);
  background-color: var(--color-bg);
}

/*  Semantic Text Styles  */
.typography_text-display__iEqm- {
  font-size: var(--text-4xl);
  /* 36px */
  font-weight: var(--font-bold);
  /* 700 */
  line-height: var(--leading-none);
  /* 1 */
  letter-spacing: var(--tracking-tighter);
  /* -0.05em */
}

.typography_text-title__e9zoQ {
  font-size: var(--text-2xl);
  /* 24px */
  font-weight: var(--font-semibold);
  /* 600 */
  line-height: var(--leading-tight);
  /* 1.25 */
}

.typography_text-heading__3sphI {
  font-size: var(--text-lg);
  /* 18px */
  font-weight: var(--font-semibold);
  /* 600 */
  line-height: var(--leading-snug);
  /* 1.375 */
}

.typography_text-body__kA1J3 {
  font-size: var(--text-sm);
  /* 14px */
  font-weight: var(--font-normal);
  /* 400 */
  line-height: var(--leading-normal);
  /* 1.5 */
}

.typography_text-caption__HxgCM {
  font-size: var(--text-xs);
  /* 12px */
  font-weight: var(--font-normal);
  /* 400 */
  color: var(--color-secondary);
}

/*  Headings  */
h1,
.typography_h1__4GhVg {
  font-size: var(--text-2xl);
  /* 24px */
  font-weight: var(--font-semibold);
  /* 600 */
  line-height: var(--leading-tight);
  /* 1.25 */
  letter-spacing: var(--tracking-tight);
  /* -0.025em */
  margin-bottom: var(--space-lg);
  /* 16px */
}

h2,
.typography_h2__A5BcM {
  font-size: var(--text-lg);
  /* 18px */
  font-weight: var(--font-semibold);
  /* 600 */
  line-height: var(--leading-snug);
  /* 1.375 */
  margin-bottom: var(--space-md);
  /* 12px */
}

h3,
.typography_h3__saBlA {
  font-size: var(--text-base);
  /* 16px */
  font-weight: var(--font-medium);
  /* 500 */
  line-height: var(--leading-snug);
  /* 1.375 */
  margin-bottom: var(--space-sm);
  /* 8px */
}

h4,
.typography_h4__QvXa7 {
  font-size: var(--text-sm);
  /* 14px */
  font-weight: var(--font-medium);
  /* 500 */
  margin-bottom: var(--space-sm);
  /* 8px */
}

h5,
.typography_h5__J3JH8,
h6,
.typography_h6__rFGJx {
  font-size: var(--text-xs);
  /* 12px */
  font-weight: var(--font-medium);
  /* 500 */
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  /* 0.025em */
  color: var(--color-secondary);
  margin-bottom: var(--space-xs);
  /* 4px */
}

/*  Utility Classes  */
.typography_font-light__flw-Y {
  font-weight: var(--font-light);
}

/* 300 */
.typography_font-normal__i9Byj {
  font-weight: var(--font-normal);
}

/* 400 */
.typography_font-medium__oXvg4 {
  font-weight: var(--font-medium);
}

/* 500 */
.typography_font-semibold__5DttN {
  font-weight: var(--font-semibold) !important;
}

/* 600 */
.typography_font-bold__dBv1A {
  font-weight: var(--font-bold);
}

/* 700 */

.typography_text-xs__ix3O0 {
  font-size: var(--text-xs);
}

/* 12px */
.typography_text-sm__vetEj {
  font-size: var(--text-sm);
}

/* 14px */
.typography_text-base__n9AOp {
  font-size: var(--text-base);
}

/* 16px */
.typography_text-lg__uI8Kd {
  font-size: var(--text-lg);
}

/* 18px */
.typography_text-xl__3dPPR {
  font-size: var(--text-xl);
}

/* 20px */
.typography_text-2xl__thL7- {
  font-size: var(--text-2xl);
}

/* 24px */
.typography_text-3xl__q2UId {
  font-size: var(--text-3xl);
}

/* 30px */
.typography_text-4xl__Jy8j1 {
  font-size: var(--text-4xl);
}

/* 36px */

.typography_leading-none__r-u3N {
  line-height: var(--leading-none);
}

/* 1 */
.typography_leading-tight__Qto\+y {
  line-height: var(--leading-tight);
}

/* 1.25 */
.typography_leading-snug__mJzt8 {
  line-height: var(--leading-snug);
}

/* 1.375 */
.typography_leading-normal__e6GtH {
  line-height: var(--leading-normal);
}

/* 1.5 */
.typography_leading-relaxed__ds9Bg {
  line-height: var(--leading-relaxed);
}

/* 1.625 */
.typography_leading-loose__NZyDD {
  line-height: var(--leading-loose);
}

/* 2 */

.typography_tracking-tighter__\+JqZ0 {
  letter-spacing: var(--tracking-tighter);
}

/* -0.05em */
.typography_tracking-tight__CbUUu {
  letter-spacing: var(--tracking-tight);
}

/* -0.025em */
.typography_tracking-normal__zzDcH {
  letter-spacing: var(--tracking-normal);
}

/* 0em */
.typography_tracking-wide__\+RaVz {
  letter-spacing: var(--tracking-wide);
}

/* 0.025em */
.typography_tracking-wider__KqoI1 {
  letter-spacing: var(--tracking-wider);
}

/* 0.05em */
.typography_tracking-widest__E2nGU {
  letter-spacing: var(--tracking-widest);
}

/* 0.1em */

.typography_text-left__\+Am2D {
  text-align: left;
}

.typography_text-center__MrrGx {
  text-align: center;
}

.typography_text-right__TrHsn {
  text-align: right;
}

.typography_uppercase__GujIE {
  text-transform: uppercase;
}

.typography_capitalize__cKEvc {
  text-transform: capitalize;
}

.typography_lowercase__mpbHC {
  text-transform: lowercase;
}

.typography_truncate__RYLSM {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.typography_line-clamp-2__NPttO {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  /* Standard property for future compatibility */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.typography_line-clamp-3__4do7G {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  /* Standard property for future compatibility */
  -webkit-box-orient: vertical;
  overflow: hidden;
}


/* Chart Color Utility Classes */

/* Backgrounds */
.typography_bg-chart-1__IHqfp {
  background-color: var(--chart-color-1);
}

.typography_bg-chart-2__8AiuJ {
  background-color: var(--chart-color-2);
}

.typography_bg-chart-3__LypL5 {
  background-color: var(--chart-color-3);
}

.typography_bg-chart-4__1ok7r {
  background-color: var(--chart-color-4);
}

.typography_bg-chart-5__68BaJ {
  background-color: var(--chart-color-5);
}

/* Texts */
.typography_text-chart-1__XkOmv {
  color: var(--chart-color-1);
}

.typography_text-chart-2__y3WT8 {
  color: var(--chart-color-2);
}

.typography_text-chart-3__zP0-b {
  color: var(--chart-color-3);
}

.typography_text-chart-4__32zxx {
  color: var(--chart-color-4);
}

.typography_text-chart-5__z8QNT {
  color: var(--chart-color-5);
}

/*  Accessibility  */
.typography_sr-only__gcDQx {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/*  Responsive  */
@media (min-width: 640px) {
  .typography_text-title__e9zoQ {
    font-size: var(--text-3xl);
  }

  /* 30px */
  .typography_text-display__iEqm- {
    font-size: var(--text-4xl);
  }

  /* 36px */
  .typography_h1__4GhVg {
    font-size: var(--text-3xl);
  }

  /* 30px */
  .typography_h2__A5BcM {
    font-size: var(--text-xl);
  }

  /* 20px */
  .typography_h3__saBlA {
    font-size: var(--text-lg);
  }

  /* 18px */
}

@media (min-width: 768px) {
  .typography_text-title__e9zoQ {
    font-size: var(--text-4xl);
  }

  /* 36px */
  .typography_text-display__iEqm- {
    font-size: var(--text-5xl);
  }

  /* 48px */
  .typography_h1__4GhVg {
    font-size: var(--text-4xl);
  }

  /* 36px */
  .typography_h2__A5BcM {
    font-size: var(--text-2xl);
  }

  /* 24px */
  .typography_h3__saBlA {
    font-size: var(--text-xl);
  }

  /* 20px */
}

@media (min-width: 1024px) {
  .typography_text-title__e9zoQ {
    font-size: var(--text-5xl);
  }

  /* 48px */
  .typography_text-display__iEqm- {
    font-size: var(--text-6xl);
  }

  /* 64px */
  .typography_h1__4GhVg {
    font-size: var(--text-5xl);
  }

  /* 48px */
  .typography_h2__A5BcM {
    font-size: var(--text-3xl);
  }

  /* 30px */
  .typography_h3__saBlA {
    font-size:  -2xl;
    font-size: var(--text -2xl);
  }

  /* 24px */
}

@media (min-width: 1280px) {
  .typography_text-title__e9zoQ {
    font-size: var(--text-6xl);
  }

  /* 64px */
  .typography_text-display__iEqm- {
    font-size: var(--text-7xl);
  }

  /* 80px */
  .typography_h1__4GhVg {
    font-size: var(--text-6xl);
  }

  /* 64px */
  .typography_h2__A5BcM {
    font-size: var(--text-4xl);
  }

  /* 48px */
  .typography_h3__saBlA {
    font-size: var(--text-3xl);
  }

  /* 36px */
}

@media (min-width: 1536px) {
  .typography_text-title__e9zoQ {
    font-size: var(--text-7xl);
  }

  /* 80px */
  .typography_text-display__iEqm- {
    font-size: var(--text-8xl);
  }

  /* 96px */
  .typography_h1__4GhVg {
    font-size: var(--text-7xl);
  }

  /* 80px */
  .typography_h2__A5BcM {
    font-size: var(--text-5xl);
  }

  /* 60px */
  .typography_h3__saBlA {
    font-size: var(--text-4xl);
  }

  /* 48px */
}

/*  Print Styles  */
@media print {
  body {
    font-size: var(--text-base);
    /* 16px */
    color: var(--color-primary);
    background-color: transparent;
    /* No background for print */
  }

  .typography_text-display__iEqm-,
  .typography_text-title__e9zoQ,
  .typography_text-heading__3sphI,
  .typography_text-body__kA1J3,
  .typography_text-caption__HxgCM {
    font-size: var(--text-base);
    /* 16px */
    font-weight: var(--font-normal);
    /* 400 */
    line-height: var(--leading-normal);
    /* 1.5 */
  }

  h1,
  .typography_h1__4GhVg,
  h2,
  .typography_h2__A5BcM,
  h3,
  .typography_h3__saBlA,
  h4,
  .typography_h4__QvXa7,
  h5,
  .typography_h5__J3JH8,
  h6,
  .typography_h6__rFGJx {
    margin: 0;
    /* Remove margins for print */
    page-break-after: avoid;
    /* Avoid page breaks after headings */
  }

  .typography_sr-only__gcDQx {
    position: static;
    /* Make screen reader only elements visible in print */
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .typography_line-clamp-2__NPttO,
  .typography_line-clamp-3__4do7G {
    display: block;
    /* Show full text in print */
    -webkit-line-clamp: unset;
    /* Remove line clamping */
    -webkit-box-orient: unset;
    /* Remove box orientation */
    overflow: visible;
    /* Ensure text is fully visible */
  }

  .typography_truncate__RYLSM {
    overflow: visible;
    /* Show full text in print */
    text-overflow: clip;
    /* No ellipsis in print */
    white-space: normal;
    /* Allow text to wrap */
  }

  .typography_text-left__\+Am2D,
  .typography_text-center__MrrGx,
  .typography_text-right__TrHsn {
    text-align: left;
    /* Default to left alignment in print */
  }

  .typography_uppercase__GujIE,
  .typography_capitalize__cKEvc,
  .typography_lowercase__mpbHC {
    text-transform: none;
    /* Remove text transformations in print */
  }

  .typography_font-light__flw-Y,
  .typography_font-normal__i9Byj,
  .typography_font-medium__oXvg4,
  .typography_font-semibold__5DttN,
  .typography_font-bold__dBv1A {
    font-weight: var(--font-normal);
    /* Use normal weight for print */
  }

  .typography_text-xs__ix3O0,
  .typography_text-sm__vetEj,
  .typography_text-base__n9AOp,
  .typography_text-lg__uI8Kd,
  .typography_text-xl__3dPPR,
  .typography_text-2xl__thL7-,
  .typography_text-3xl__q2UId,
  .typography_text-4xl__Jy8j1 {
    font-size: var(--text-base);
    /* Use base size for print */
  }

  .typography_leading-none__r-u3N,
  .typography_leading-tight__Qto\+y,
  .typography_leading-snug__mJzt8,
  .typography_leading-normal__e6GtH,
  .typography_leading-relaxed__ds9Bg,
  .typography_leading-loose__NZyDD {
    line-height: var(--leading-normal);
    /* Use normal line height for print */
  }

  .typography_tracking-tighter__\+JqZ0,
  .typography_tracking-tight__CbUUu,
  .typography_tracking-normal__zzDcH,
  .typography_tracking-wide__\+RaVz,
  .typography_tracking-wider__KqoI1,
  .typography_tracking-widest__E2nGU {
    letter-spacing: normal;
    /* Reset letter spacing for print */
  }

  .typography_text-muted__jGg8k {
    color: var(--color-muted);
    /* Use muted color for print */
  }

  .typography_text-accent__7lKbd {
    color: var(--color-accent);
    /* Use accent color for print */
  }

  .typography_text-success__v\+ji1 {
    color: var(--color-success);
    /* Use success color for print */
  }

  .typography_text-warning__oNvLP {
    color: var(--color-warning);
    /* Use warning color for print */
  }

  .typography_text-error__rvAGC {
    color: var(--color-error);
    /* Use error color for print */
  }

  .typography_text-primary__vCwcr {
    color: var(--color-primary);
    /* Use primary color for print */
  }

  .typography_text-secondary__5Tbxy {
    color: var(--color-secondary);
    /* Use secondary color for print */
  }
}
/* version- v1.1.0 font styles  */

* {
  box-shadow: "box";
  margin: 0;
  padding: 0;
}

/* Below stylings for future release */
body {
  height: 100vh;
  background-color: #f4f7fa !important;
}

.elevated {
  box-shadow: 5px 5px 5px 5px #535355;
}

.Active__Process,
.File__System,
.Network,
.Screen__Monitoring,
.System__Activity,
.System__Dashboard,
.System__Logs,
.System__Activities,
.User__Dashboard {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

/* admin css */
.boxShadow {
  box-shadow: 4px 4px 4px 0px #ddd;
  background-color: #fff;
}

.startguide {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27100%25%27 height=%27100%25%27 %3E%3Cdefs%3E%3ClinearGradient id=%27a%27 x1=%270%27 x2=%270%27 y1=%270%27 y2=%271%27%3E%3Cstop offset=%270%27 stop-color=%27%23362f35%27/%3E%3Cstop offset=%271%27 stop-color=%27%2369665a%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpattern id=%27b%27 width=%2724%27 height=%2724%27 patternUnits=%27userSpaceOnUse%27%3E%3Ccircle fill=%27%23ffffff%27 cx=%2712%27 cy=%2712%27 r=%2712%27/%3E%3C/pattern%3E%3Crect width=%27100%25%27 height=%27100%25%27 fill=%27url%28%23a%29%27/%3E%3Crect width=%27100%25%27 height=%27100%25%27 fill=%27url%28%23b%29%27 fill-opacity=%270.1%27/%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
}

.request {
  background-color: #fdfdfd;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2740%27 height=%2740%27 viewBox=%270 0 100 100%27%3E%3Crect x=%270%27 y=%270%27 width=%276%27 height=%276%27 fill-opacity=%270.3%27 fill=%27%23524c52%27/%3E%3C/svg%3E");
}

.cursor {
  cursor: pointer;
}

.scrollY {
  overflow-y: scroll;
}

.heightC {
  height: 100vh;
}

.example::-webkit-scrollbar {
  display: none;
}

/* custom toolbar */
.custom-scrollbar {
  overflow: auto;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #ccc;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}

/* remove outline for material ui buttons */
.MuiIconButton-root,
.MuiButton-root {
  outline: none !important;
}

.accordion-root .MuiAccordionSummary-content {
  margin: 6px 0 !important
}

.accordion-root .MuiAccordion-root {
  margin: 0.15rem 0 !important;
}


/* Error Fallback Styles */
.error-fallback {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

.error-fallback h1 {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  font-weight: 700;
}

.error-fallback p {
  font-size: 1.1rem;
  margin-bottom: 1.5rem;
  opacity: 0.9;
  max-width: 500px;
}

.error-fallback details {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 1rem;
  margin-top: 1.5rem;
  text-align: left;
  max-width: 600px;
  width: 100%;
}

.error-fallback summary {
  cursor: pointer;
  font-weight: 600;
  margin-bottom: 1rem;
  background-color: transparent;
}

.error-fallback summary:hover {
  background-color: #667eea;
  opacity: 0.8;
}

.error-fallback details p {
  font-size: 0.9rem;
  margin: 0.5rem 0;
  word-break: break-word;
}

.error-fallback button {
  background: white;
  color: #667eea;
  border: none;
  padding: 0.75rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 50px;
  cursor: pointer;
  margin-top: 1.5rem;
  transition: transform 0.2s, box-shadow 0.2s;
}

.error-fallback button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.error-fallback button:active {
  transform: translateY(0);
}
root {
  --st-open: #278743;
  --st-close: #8a5be1;
  --color-mobile: #45b6fe;
}

.page {
  padding: 0px !important;
}

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

.column {
  padding: 7px 10px 7px 10px !important;
  /* padding: 7px 0 !important; */
  /* padding: 7px 0 !important; */
}

.container__total {
  background: #fff;
  border-radius: 0.75rem;
  border: 1px solid rgb(192, 192, 192, 0.5);
  box-shadow: 4px 4px 4px 0px #ddd;
}

.card_container__total {
}

.container__top {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  /* Align items to the start */
  align-items: center;
  padding: 0.5rem;
  border-bottom: 1px solid rgba(192, 192, 192, 0.5);
}

.search-container {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.container__top h4 {
  font-size: 16px !important;
  font-weight: 600;
  margin-bottom: 0 !important;
  padding: 0.4rem 0 !important;
  text-transform: uppercase;
  color: rgb(110, 105, 105);
  opacity: 0.75 !important;
}

.dropdown__total {
  border-radius: 5px !important;
  margin-left: 0.5rem;
}

/* .dropdown__total .dropdown .btn-group {
  width: 1.5rem !important;
  margin-left: .5rem !important;
} */
.dropdown__top {
  background-color: #f1f1f1 !important;
  box-shadow: none !important;
  padding: 0.2rem 0.5rem !important;
}

.popup__button {
  margin-left: 5px !important;
  background-color: #f1f1f1 !important;
  box-shadow: none !important;
  padding: 0.2rem 0.5rem !important;
}

.container__body {
  padding: 0.6rem;
}

.card_container__body {
  padding: 0;
  /* updated by v.1.4.0 */
}

.activity_container__body {
  padding: 1.5rem;
}

/* auth styles */

/* .signup-signin-card {
    margin-top: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
} */
.nav-item {
}

.nav-auth-active {
  background: #fcfcfc;
  font-size: 18px;
  font-weight: 600;
  border: 1px solid #cfcfcf;
  border-bottom: none;
}

.card-header-tabs {
  margin: 0 !important;
}

.nav-link {
  padding: 0.75rem 0.5rem !important;
  border: none !important;
}

/* form css */
.form-label {
  font-size: 14px !important;
}

.form-control {
  font-size: 13px !important;
}

.btn-custom {
  background: #00a7ec !important;
  color: #fff !important;
}

.btn-custom:disabled {
  color: rgba(0, 0, 0, 0.26) !important;
  box-shadow: none !important;
  background-color: rgba(0, 0, 0, 0.12) !important;
  cursor: default !important;
  pointer-events: none !important;
}

.btn-custom-disabled {
  color: rgba(0, 0, 0, 0.26) !important;
  box-shadow: none !important;
  background-color: rgba(0, 0, 0, 0.12) !important;
  cursor: default !important;
  pointer-events: none !important;
}

.btn-custom-outline {
  color: #00a7ec !important;
  border: 1px solid #00a7ec !important;
}

.btn-custom-orange {
  background: orange !important;
  color: #fff !important;
}

.form-check-label {
  font-size: 13px !important;
}

.form-check-input {
  font-size: 14px !important;
}

.react-datepicker-wrapper {
  display: inherit !important;
  margin-bottom: -15px !important;
  /* margin-top: -5px !important; */
}

.apexcharts-legend-text {
  word-wrap: break-word;
}

/* license management */
.lmanage-heading {
  /* margin-left: 25px; */
  /* margin-top: 20px; */

  /* width: 100%; */
  padding: 15px !important;
  border-radius: 0.75rem !important;
  background: white;
  border: 1px solid rgb(192, 192, 192, 0.5);
  box-shadow: 4px 4px 4px 0px #ddd;
}

.cards-license {
  margin-left: 25px;
  /* display: flex;
  flex-direction: column; */
  width: 100%;
  /* background: rgb(233, 231, 231);
  border: 2px solid rgba(207, 205, 205, 0.5); */
  padding: 15px !important;
  border-radius: 0.75rem !important;
  /* margin-bottom: 15px; */
  /* box-shadow: 0px 4px 8px 0px; */
  /* margin-top: 20px; */
  margin-top: 0.75rem;
  background: white;
  border: 1px solid rgb(192, 192, 192, 0.5);
  box-shadow: 4px 4px 4px 0px #ddd;
}

.cards-license > h6 {
  /* margin-left: 80px; */
  font-weight: bold;
  /* text-align: center; */
}

.cards-license > h5 {
  /* margin-left: 50px; */
  /* font-weight: bolder; */
  /* margin-top: -30px; */
}

.license-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.license-icon > i {
  font-size: 34px;
}

.graph-storage {
  /* margin-top: -60px; */
  margin-left: 0.75rem;
  /* float: right; */
  /* font-weight: bold; */
  /* margin-right: -60px; */
}

.graph-storage > h5 {
  font-size: 16px !important;
}

/* .license-icon > i> h6 {
 margin-left: 30px;
} */
.licenses-input {
  margin-top: 18px;
  width: 250px;
  height: 2.5rem;
  padding: 10px;
  outline: none;
  font-size: 16px;
  border: 1px solid #cfcfcf;
  border-radius: 7px;
  color: #555;
  margin-left: 20px;
}

.license-heading > h4 {
  margin-top: 20px;
  margin-left: 20px;
  font-weight: bold;
}

.active-license {
  max-height: 32rem;
}

.active-license__table {
  max-height: 30.8rem !important;
}

/* my settings */

.users-list {
  height: 24rem;
}

.users-list__table {
  height: 22.8rem !important;
}

.mySettingsAvatarColumn {
  max-width: 95px !important;
  /* margin: 0 40px 0 0 !important; */
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
}

.mySettings-avatar-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #00a7ec;
  position: relative;
  overflow: hidden;
}

.mySettings-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: hsla(0, 0%, 100%, 0.9);
  text-transform: uppercase;
  padding: 0;
  position: relative;
  flex-shrink: 0;
}

.mySettings-avatar-letter {
  width: 100%;
  height: 100%;
  font-size: 38px;
}

.mySettings-theme-item {
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mySettings-theme-color {
  transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mySettings-theme-color.active {
  width: 60px;
  height: 60px;
  pointer-events: none;
}

.mySettings-theme-color:focus,
.mySettings-theme-color:hover {
  width: 40px;
  height: 40px;
}

.check_icon_hide {
  display: none;
}

.bg-orange {
  background-color: rgb(255, 161, 47);
}

.bg-orangered {
  background-color: rgb(255, 87, 34);
}

.bg-deepskyblue {
  background-color: rgb(10, 180, 255);
}

.bg-lightseagreen {
  background-color: rgb(7, 160, 146);
}

.country_width {
  max-width: 150px !important;
}

/* loading css start */
.ball-loader {
  width: 60px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.ball-loader-ball {
  /* will-change: transform; */
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #00a7ec;
  position: absolute;
  animation: grow 0.5s ease-in-out infinite alternate;
}

.ball-loader-ball.ball1 {
  left: 0;
  transform-origin: 100% 50%;
}

.ball-loader-ball.ball2 {
  left: 50%;
  transform: translateX(-50%) scale(1);
  animation-delay: 0.33s;
}

.ball-loader-ball.ball3 {
  right: 0;
  animation-delay: 0.66s;
}

@keyframes grow {
  to {
    transform: translateX(-50%) scale(0);
  }
}

/* loading css start */

@media (max-width: 768px) {
  .custom_appbar .MuiToolbar-gutters {
    padding: 0px !important;
  }

  .Key_Stroke_container_height,
  .active_inactive_container_height {
    height: auto;
  }
}

.login_center {
  min-height: calc(100vh - 247px);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.login_box_center {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 64px;
  padding-bottom: 64px;
}

/* buttons */
.btn-custom-blue {
  background-color: #00a7ec;
  font-size: 0.9375rem;
}

.flex-v-center {
  display: flex !important;
  align-items: center !important;
}

/* cookie alert */
.cookiealert {
  position: fixed !important;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 !important;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  transform: translateY(100%);
  transition: all 500ms ease-out;
  color: #ecf0f1;
  background: #212327;
}

.cookiealert.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%);
  transition-delay: 1000ms;
}

.cookiealert a {
  text-decoration: underline;
}

.cookiealert .acceptcookies {
  margin-left: 10px;
  vertical-align: baseline;
}

/* My settings avatar dropdown */

.cu-dropdown__menu {
  display: none;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  right: auto;
  margin: 10px 0;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.25);
  background: #fff;
  border-radius: 6px;
  z-index: 1000;
  pointer-events: all;
  min-width: 150px;
  max-height: calc(100vh - 20px);
}

.cu-color-picker-panel {
  background: transparent;
  cursor: default;
  height: auto;
  -webkit-user-select: none;
  user-select: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.102);
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}

.cu-color-picker-panel_inline {
  box-shadow: none;
}

.cu-color-picker-panel_inline .cu-color-picker-panel__preset-container {
  padding: 0;
  box-shadow: none;
  background: transparent;
}

.cu-color-picker-panel__preset-container_align-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.cu-color-picker-panel__preset-container {
  position: relative;
  padding: 5px 10px 0;
  width: 100%;
  float: left;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.102);
  background: #fff;
  border-radius: 6px;
}

.cu-color-picker-panel__preset-color {
  cursor: pointer;
  float: left;
  width: 20px;
  height: 20px;
  margin: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cu-color-picker-panel__preset-color-inner {
  transition: transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(64, 188, 134);
}

.cu-dropdown.cu-dropdown_open .cu-dropdown__menu,
.cu-dropdown.cu-dropdown_open > .cu-dropdown__menu {
  display: block;
  opacity: 1;
  animation: fadeIn 0.05s linear 0.05s forwards;
}

.cu-user-settings__avatar-picker .cu-avatar-picker__container {
  padding: 0 10px 10px;
  width: 260px;
}

.cu-avatar-picker__container {
  position: relative;
}

.cu-dropdown__menu_overflow-hidden {
  overflow: hidden;
}

.btn-submit {
  width: 100px;
  height: 40px;
  margin-top: 20px;
  float: right;
  background-color: dodgerblue;
  border-radius: 10px;
}

.error-msg {
  color: red;
}

.save-btn {
  width: 100px;
  height: 40px;
  margin-top: 20px;
  float: right;
  background-color: dodgerblue;
  border-radius: 5px;
  color: whitesmoke;
  font-weight: bold;
}

.success-msg {
  width: 100%;
  background-color: dodgerblue;
  color: whitesmoke;
  font-weight: 600;
  padding: 20px;
}

/* search and dropdown styles */
.search-input-comp {
  padding: 0.35rem 0.5rem;
  font-size: 13px;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  outline: none;
}

/* dns */
.dns-list {
  max-height: 90vh;
}

/* network history */
.network-history-list {
  max-height: 90vh;
}

/* network download */
.network-download-list {
  max-height: 90vh;
}

.key-stamps-list {
  max-height: 30rem;
}

.login-history-list {
  max-height: 90vh;
}

/* templates styles */
.template-description {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

/* time range popup styles */
.time_picker_modal_container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.time_picker_modal_header,
.time_picker_modal_footer,
.timezone_picker_modal_header {
  width: 100%;
  font-size: 1.8rem !important;
  height: 60px !important;
  line-height: 60px !important;
}

/* admin alerts dashboard css start*/

.admin-alerts-cards {
  height: 8.4rem;
}

.filter-heading {
  font-weight: bold;
  font-size: 16px !important;
  text-transform: uppercase;
  color: #444;
  opacity: 0.75;
  margin-bottom: 0 !important;
}

/* admin alerts dashboard css end*/

/* admin dlp dashboard css start*/
.admin-dlp-cards {
  height: 8rem;
}

/* admin dlp dashboard css end */

/* compliance module styles start */
.pdf_viewer {
  width: 75%;
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #cad0d6;
  margin-left: 100px;
  margin-bottom: 20px;
}

/* .react-pdf__Page__textContent{
  font-size: 20px !important;
} */
.react-pdf__Page__canvas {
  width: 750px !important;
  /* border:2px solid green; */
  margin-top: 5px;
  margin-top: 15px !important;
}

.comment {
  display: flex;
  /* flex-direction: column; */
  margin-left: 15px !important;
  margin-bottom: 15px;
  /* margin:5px; */
  flex-direction: column;
  word-break: break-all;
  /* max-width:75%; */
  width: auto !important;
  height: auto;
}

.comment_user_details {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: flex-end;
}

.comment_description {
  border-radius: 0.5rem;
  /* border:2px  */
  padding: 0.5rem;
  max-width: 75%;
  width: -webkit-fit-content;
  width: fit-content;
  height: auto;
  margin: 10px 20px;
  box-shadow: 2px 3px 3px 2px rgb(156, 152, 152);
  background-color: #ebebeb;
}

.comment_content {
  display: flex;
  flex-direction: column;
  gap: '.3rem';
  word-break: break-all;
}

.comment_own {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
  margin-right: 30px !important;
  margin: 5px;
}

.comment_own .comment_description {
  background-color: #fff;
  justify-content: flex-end;
  word-break: break-all;
  max-width: 75%;
  width: -webkit-fit-content;
  width: fit-content;
  height: auto;
}

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

.comment_st {
  display: flex;
  flex-direction: column;
  word-break: break-all;
  width: auto !important;
  height: auto;
}

.comment_own_st {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
}

.commentText {
  display: flex;
  flex-direction: row;
}

.commentDescription {
  border-radius: 10px;
  /* border:2px  */
  padding: 15px;
  max-width: 75%;
  width: -webkit-fit-content;
  width: fit-content;
  height: auto;
  margin: 10px 20px;
  box-shadow: 2px 3px 3px 2px rgb(156, 152, 152);
  background-color: #ebebeb;
  word-break: 'break-all';
}

.comment_own_st .commentDescription {
  background-color: #fff;
  justify-content: flex-end;
  word-break: break-all;
  max-width: 75%;
  width: -webkit-fit-content;
  width: fit-content;
  height: auto;
}

/* .comment .comment_description{
  word-break: break-all;
max-width:75%;
  width:auto !important;
  height:auto;
} */

.react-pdf__Page__annotations.annotationLayer {
  /* margin-top: 5px !important; */
  height: 0px !important;
}

.policy_btn {
  border-radius: 10px;
  padding: 10px;
  width: 100%;
  /* height:auto; */
  box-shadow: 2px 1px 1px 2px rgba(226, 220, 220, 0.537);
  background-color: white;
}

.policy_dropdown {
  /* max-width: 350px;
  height:40px; */
}

/* .react-pdf__Page__canvas1 {
  width: 500px !important;
  height: 550px !important;
} */
/* compliance module styles end */

/* new styles by rk */

.container__total__compliance {
  /* background: #fff; */
  border-radius: 0.75rem;
  /* border: 1px solid rgb(192, 192, 192, 0.5);
  box-shadow: 4px 4px 4px 0px #ddd; */
}

/* support tickets styles */
/* css for goToBottom component */

.goToButton {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.top-btn {
  font-size: 2.4rem;
  width: 3rem;
  height: 3rem;
  color: #fff;
  background-color: #00a7ec;
  border-radius: 50%;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.top-btn--icon {
  animation: gototop 1.2s linear infinite alternate;
}

@keyframes gototop {
  0% {
    transform: translateY(-0.5rem);
  }

  100% {
    transform: translateY(0.5rem);
  }
}

/* support ticckets styles end */

/* sign in page styles for user cards */
.user-card {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 15px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5rem;
}

.user-card-header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  /* Spacing between the header and description */
}

.user-card-checkbox {
  /* margin-right: 10px; */
  cursor: pointer;
}
.user-card-icon {
  padding: 0.25rem;
  color: #007bff;
}

.user-card h3 {
  font-size: 18px;
  /* Adjusted font size for heading */
  color: #000;
  margin: 0;
}

.user-card-description {
  font-size: 14px;
  /* Adjusted font size for description */
  color: #555;
}

.user-card-learn-more {
  margin-top: 10px;
  /* Spacing between the description and link */
  color: #1a73e8;
  text-decoration: none;
  font-size: 14px;
}

.user-card.selected {
  background-color: #e8f0fe;
  /* Highlight color for selected card */
}

.user-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Disabled card styling */
.user-card.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  position: relative;
  pointer-events: none;
}

.user-card.disabled::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
  z-index: 1;
  border-radius: 8px;
}

.disabled-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 8px 16px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
}

.disabled-text {
  white-space: nowrap;
}

/* Ensure disabled cards don't respond to hover */
.user-card.disabled:hover {
  transform: none;
  box-shadow: none;
}
/* updated styles */

.container___total {
  background: #fff;
  border-radius: 0.75rem;
  border: 1px solid rgb(192, 192, 192, 0.5);
}

.container___top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  border-bottom: 1px solid rgb(192, 192, 192, 0.5);
  /* background-color: #ececec;*/
  background-color: #f4f7fa;
  /* border-left: 5px solid #00a3e7; */
  border-radius: 4px;
  position: relative;
}

.container___top::before {
  content: '';
  width: 4px;
  height: 18px;
  background-color: #00a7ec;
  position: absolute;
  top: 60%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 0px 4px 4px 0px;
}

.container___top h4 {
  font-size: 16px !important;
  font-weight: 600;
  margin-bottom: 0 !important;
  padding: 0.4rem 0 !important;
  text-transform: uppercase;
  /* color: rgb(110, 105, 105); */
  opacity: 0.75 !important;
}

/* updated card styles */

.card_1:hover {
  box-shadow:
    rgba(9, 30, 66, 0.25) 0px 4px 8px -2px,
    rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  transform: translateY(-5px);
  border-top: 5px solid #00a3e7;
}

.card_1:hover .card-icon_1 {
  color: #00a3e7 !important;
  /* opacity: 100%; */
  opacity: 1;
}

.card__body_1 > span {
  font-size: 35px;
  text-align: center !important;
  color: #00a3e7;
}

.card_1 {
  background: white;
  border: 1px solid rgb(192, 192, 192, 0.5);
  padding: 20px;
  border-radius: 0.75rem !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
  transition: all 0.5s;
  margin-bottom: 15px;
  /* updated by v.1.4.0 */
}

/* NEED TO REMOVE OPACITY IN TEST ENVIRONMENT - ICON AND HEADING IS INVISIBLE- .card_1>h5 ,.card-icon_1  .card_1:hover .card-icon_1  */
.card_1 > h5 {
  /* opacity: 85%; */
  opacity: 0.85;
  font-size: 15px;
}

.card-icon_1 {
  float: right;
  color: rgb(138, 135, 135);
  /* opacity: 50%; */
  opacity: 0.5;
}

.table_headings {
  padding: 10px;
}

.content_heading {
  color: '#333';
  font-weight: 'bold';
  border-left: '4px solid rgb(70, 87, 243)';
  padding-left: '.5rem';
  margin-top: '1rem';
  margin-bottom: '1rem';
  font-family: 'Arial, sans-serif';
  font-size: '1.2rem';
  letter-spacing: '0.5px';
  text-transform: 'uppercase';
  line-height: '1.2';
}

.allow-wrap {
  white-space: normal;

  /* Allows text to wrap */
  overflow: visible;

  /* Ensures overflow text is visible */
  text-overflow: clip;

  /* Prevents ellipsis and shows text as is */
}

/* css for tags input component */

.tags-with-labels {
  margin: 0.75rem 0rem;
}

.tags-input-wrapper {
  display: flex;
  flex-direction: column;
  /* Stacks label and input */
  gap: 0.25rem;
  width: min(80vw, 100%);
}

.tags-input-container {
  /* border: 1px solid #ced4da; */
  /* padding: .5rem; */
  border-radius: 0.5rem;
  width: min(80vw, 100%);
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.tag-item {
  /* background-color: rgb(218, 216, 216); */
  background-color: #ddf5ff;
  /* display: flex; */
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  margin: 0.25rem;
  color: #076ada;
  border: 1px solid #076ada;
  max-width: -webkit-fit-content;
  max-width: fit-content;
  font-size: 14px;
}

.tag-item:hover {
  cursor: pointer;
}

.tag-item-selected {
  background-color: #076ada;
  color: #fff;
  border: 1px solid #076ada;
  transition: all 0.3s ease;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.tag-item .tag-close {
  height: 20px;
  width: 20px;
  color: #076ada;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.5rem;
  font-size: 14px;
  cursor: pointer;
}

.small-tag-item {
  /* background-color: rgb(218, 216, 216); */
  /* background-color: #ddf5ff; */
  background-color: #ddf5ff;
  /* display: flex; */
  display: inline-flex;
  align-items: center;
  padding: 0.1rem 0.5rem;
  border-radius: 20px;
  margin: 0.1rem;
  color: #076ada;
  border: 1px solid #076ada;
  max-width: -webkit-fit-content;
  max-width: fit-content;
}

.tags-input {
  flex-grow: 1;
  padding: 0.5rem;
  border: none;
  outline: none;
  min-width: 150px;
}

.tags-show-more {
  color: #076ada;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  font-size: 14px;
  margin-top: 0.5rem;
  text-align: right;
  width: 100%;
}

.tags-show-more:hover {
  text-decoration: underline;
}

.defined-tags-input-container {
  border: 1px solid #ced4da;
  padding: 0.5rem;
  border-radius: 0.5rem;
  width: min(80vw, 100%);
  margin: 1rem 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  /* max-height: calc(2 * 2.5rem + 1rem); Two lines with a bit of padding */
  /* overflow: hidden; */
  position: relative;
  background-color: #f8f8ff;
}

/* tag input css ends here */

/* health monitoring css */

.hpBars_container {
  border: 1px solid lightgray;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 24px 0;
  align-items: center;
  padding: 24px;
  border-radius: 5px;
}

.hpBars_action .hpBar_upButton {
  border-radius: 50px;
  background-color: lightgreen;
}

.hpBars_action .hpBar_upButton:hover {
  background-color: rgb(136, 226, 136);
}

.hpBar {
  display: inline-block;
  height: 65px;
  width: 10px;
  border-radius: 50px;
  margin: 0 6px;
}

.hpBar-empty {
  background-color: lightgray;
}

.hpBar-up {
  background-color: lightgreen;
}

.hpBar-down {
  background-color: red;
}

.uptime_summary_container {
  border: 1px solid lightgray;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  margin: 24px 0;
  align-items: center;
  padding: 24px;
  border-radius: 5px;
}

.uptime_summary {
  flex: 1 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}

.summary_heading {
  font-size: 18px;
  text-align: center;
}

.summary_desc {
  font-size: 8px;
  color: lightgray;
}

.summary_text {
  font-weight: 600;
  margin-bottom: 0;
  font-size: 14px;
}

.graphContainer {
  border: 1px solid lightgray;
  width: 100%;
  margin: 24px 0;
  padding: 24px;
  border-radius: 5px;
}

.uptime_active {
  background-color: lightgreen;
}

/* health monitoring css end */

/* Log management css  */

.card-log {
  background: white;
  border: 1px solid rgba(192, 192, 192, 0.5);
  padding: 20px;
  border-radius: 0.75rem !important;
  height: 150px;
  border-bottom: 3px solid #00628b;
  /* transition: transform 0.6s ease-in-out; */
  /* Add transition for smooth movement */
}

.card-log-sys {
  background: white;
  border: 1px solid rgba(192, 192, 192, 0.5);
  padding: 20px;
  border-radius: 0.75rem !important;
  height: 150px;
  border-bottom: 3px solid #2a9982;
}

.card-icon-sys.with-line {
  position: relative;
}

.card-icon-sys.with-line:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  /* Adjust the width of the line */
  height: 50px;
  /* Adjust the height of the line */
  background-color: #2a9982;
  /* Adjust the color of the line */
  transform: translateY(-50%);
  z-index: -1;
}

.card-log-sys > h5 {
  /* opacity: 0.85; */
  font-size: 14px;
  font-weight: bold;
}

.card-log-linux {
  background: white;
  border: 1px solid rgba(192, 192, 192, 0.5);
  padding: 20px;
  border-radius: 0.75rem !important;
  height: 150px;
  border-bottom: 3px solid #00c5dc;
}

.card-icon-linux.with-line {
  position: relative;
}

.card-log-linux > h5 {
  /* opacity: 0.85; */
  font-size: 14px;
  font-weight: bold;
}

.card-icon-linux.with-line:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  /* Adjust the width of the line */
  height: 50px;
  /* Adjust the height of the line */
  background-color: #3498db;
  /* Adjust the color of the line */
  transform: translateY(-50%);
  z-index: -1;
}

.card-log-app {
  background: white;
  border: 1px solid rgba(192, 192, 192, 0.5);
  padding: 20px;
  border-radius: 0.75rem !important;
  height: 150px;
  border-bottom: 3px solid #9657fb;
}

.card-log-app > h5 {
  /* opacity: 0.85; */
  font-size: 14px;
  font-weight: bold;
}

.card-icon-app.with-line {
  position: relative;
}

.card-icon-app.with-line:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  /* Adjust the width of the line */
  height: 50px;
  /* Adjust the height of the line */
  background-color: #9657fb;
  /* Adjust the color of the line */
  transform: translateY(-50%);
  z-index: -1;
}

.card-log-radial {
  background: white;
  border: 1px solid rgba(192, 192, 192, 0.5);
  padding: 20px;
  border-radius: 0.75rem !important;
  /* height: 150px; */
}

.card-icon-radial {
  float: right;
  font-size: 14px;
  font-weight: bold;
}

.card_radial {
  font-size: 14px;
  font-weight: bold;
}

.card-log > h5 {
  /* opacity: 0.85; */
  font-size: 14px;
  font-weight: bold;
}

.card-log:hover .card-body,
.card-log:hover .card-icon {
  /* color: #00a3e7; */
  /* opacity: 100%; */
  opacity: 1;
}

.card-body {
  /* font-size: 35px; */
  /* text-align: center; */
  /* color: #00a3e7; */
}

.card-icon {
  float: right;
  color: rgb(138, 135, 135);
  opacity: 0.5;
}

.card__body1 > span {
  font-size: 28px;
  /* color: #00a3e7; */
  font-weight: 600;
}

.card-icon.with-line {
  position: relative;
}

.card-icon.with-line:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  /* Adjust the width of the line */
  height: 50px;
  /* Adjust the height of the line */
  background-color: #3498db;
  /* Adjust the color of the line */
  transform: translateY(-50%);
  z-index: -1;
}

.container__total {
  background: #fff;
  border-radius: 5px;
  border: 1px solid rgb(192, 192, 192, 0.5);
}

.container__top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  border-bottom: 1px solid rgb(192, 192, 192, 0.5);
  /* background-color: #ececec;*/
  background-color: #f4f7fa;
  /* border-left: 5px solid #00a3e7; */
  border-radius: 5px;
  position: relative;
}

.container__top::before {
  content: '';
  width: 4px;
  height: 18px;
  /* background-color: #00a7ec; */
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 0px 4px 4px 0px;
}

.container__top h4 {
  font-size: 16px !important;
  font-weight: 600;
  margin-bottom: 0 !important;
  padding: 0.4rem 0 !important;
  text-transform: uppercase;
  /* color: rgb(110, 105, 105); */
  opacity: 0.75 !important;
}

.table_headings {
  padding: 15px;
}

.MuiPaper-elevation1 {
  box-shadow: none !important;
}

.options-container {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
}

.option-list-log {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow-x: auto;
  flex-wrap: wrap;
  padding-top: 0.5rem;
  /* margin-left: -16px; */
  padding-bottom: 0.5rem;
  /* width:"100%"; */
  /* background-color: #ececec; */
  /* white-space: nowrap; */
  /* scroll-behavior: smooth; */
}

.option-log {
  color: #555;
  margin-right: 0.5rem;
  font-weight: 500;
  cursor: pointer;
  /* border: 1px solid #ccc;
  background: #fff; */
  padding: 0.2rem 0.2rem;
  /* border-radius: .5rem; */
  font-size: 16px !important;
  /* margin-top: .25rem; */
  /* box-shadow: 4px 4px 4px 0px #ddd; */
}

.option-selected-log {
  color: #00a3e7;
  /* border-top: 3px solid #00a7ec; */
  border-bottom: 3px solid #00a7ec;
  font-weight: 500;
  left: '10%';
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  /* background: #00a7ec; */
}

.children-container {
  margin-left: auto;
  white-space: nowrap;
}

.navigation__table-log {
  max-height: 35rem !important;
}

.navigation__table_long {
  max-height: 40rem !important;
}

.navigation__table_length {
  max-height: 45rem !important;
}

.navigation__table-log-full-Height {
  max-height: 100% !important;
}

.MuiOutlinedInput-input {
  padding: 2px 32px 2px 0px !important;
}

.activity-popup-overlay {
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #00000065;
  z-index: 100;
}

.collapse-table-color {
  border-top: 3px solid #00a7ec;
  border-left: 3px solid #00a7ec;
  border-right: 3px solid #00a7ec;
  border-bottom: 'none' !important;
  /* background-color: #e6f6fd !important; */
  background-image: linear-gradient(to bottom right, #ccedfa, #ffffff);
  border-radius: 5px !important;
  /* border-style: groove; */
}

.details-border {
  border-left: 3px solid #00a7ec;
  border-right: 3px solid #00a7ec;
  border-bottom: 3px solid #00a7ec !important;
  border-radius: 10px !important;
  border-top: 'none' !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* log management end */

/* custom line graph styles */

.custom-tooltip {
  padding: 10px;
  border: 1px solid #388e3c;
  border-radius: 8px;
  /* Rounded corners */
  background-color: #ffffff;
  /* Background color */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* Subtle shadow */
}

.custom-tooltip .label {
  font-weight: bold;
  margin-bottom: 5px;
}

.custom-tooltip p {
  margin: 0;
}

/* line graph styles end */

/* accordian styles */

.pipeline-detail {
  flex: 0.2 1;
  padding: 0 0.15rem;
  padding-left: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-direction: column;
}

.pipeline-detail-title {
  font-size: 12px;
  color: #777;
}

.pipeline-detail-content {
  font-size: 13px;
  line-height: 1.6;
}

.create-new-pipeline-container {
  display: flex;
  justify-content: space-between;
  /* padding: 20px; */
  background-color: #f9f9f9;
  border-radius: 8px;
}

.pipeline-section {
  flex: 1 1;
  margin: 0 10px;
  padding: 20px;
  background-color: #ffffff;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  /* border-radius: 8px; */
}

.pipeline-section:first-child {
  margin-left: 0;
  border-right: 1px solid #e0e0e0;
  box-shadow: 4px 0 8px rgba(0, 0, 0, 0.1);
}

.pipeline-section:last-child {
  margin-right: 0;
}

.note-text {
  color: #d9534f;
  /* Red color for the note */
  font-size: 12px;
  margin-top: 10px;
  font-weight: bold;
}

.note-container {
  margin-top: 15px;
  /* Space above the note */
  padding: 10px;
  background-color: #f8d7da;
  /* Light red background */
  border: 1px solid #f5c6cb;
  /* Slightly darker red border */
  border-radius: 4px;
}

.custom-h6-heading {
  color: #333;
  font-weight: bold;
  border-left: 4px solid #00a7ec;
  padding-left: 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-family: Arial, sans-serif;
  font-size: 1.2rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1.2;
}

/* styles by rk added  */
.activity-popup-overlay {
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #00000065;
  z-index: 100;
}

/* {  stylesss by rk from patch-cloud branch    } */
.threatcard1 {
  width: 100%;
  background: rgb(234, 233, 233);
  border: 1px solid rgba(246, 246, 246, 0.5);
  padding: 20px;
  border-radius: 0.75rem !important;
  /* margin-bottom: 15px; */
}

.image-carousel {
  display: flex;
  align-items: center;
}

.carousel-images {
  display: flex;
}

.carousel-images img {
  width: 250px;
  /* Adjust the width as needed */
  height: auto;
  margin-right: 10px;
  /* Adjust the spacing between images as needed */
}

.pam-search {
  flex: 1 1;
}

.pam-search > input {
  width: 40%;
  padding: 0.35rem 0.5rem;
  font-size: 14px;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.3rem;
  outline: none;
  /* margin-right: 10px; */
}

.scrollable-textarea {
  width: 500px;
  /* Adjust the width as needed */
}

.textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  resize: none;
  /* Allows vertical resizing */
  overflow-y: auto;
  /* Display scrollbar when content overflows */
  max-height: 200px;
  /* Set a max height for the textarea */
}

.link {
  color: #22a7f0;
  cursor: pointer;
}

.link:hover {
  text-decoration: underline;
}

.dialog-details table {
  border: none;
}

.dialog-details table tr td:first-child {
  width: 250px;
}

.card1 {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
  transition: all 0.5s;
  /* border-top: "5px solid red", */
}

.card1:hover {
  box-shadow:
    rgba(9, 30, 66, 0.25) 0px 4px 8px -2px,
    rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  transform: translateY(-5px);
  border-top: 5px solid #00a3e0;
}

.card1:hover .card-icon {
  color: #00a3e0 !important;
  /* opacity: 100%; */
  opacity: 1;
}

.card_cloudsummary {
  background: #ff6a80;
  border: 1px solid rgb(192, 192, 192, 0.5);
  padding: 20px;
  border-radius: 0.75rem !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
  /* transition: all 0.5s; */
}

.card_cloudsummary:hover {
  /* box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px,
    rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  transform: translateY(-5px);
  border-top: 5px solid #00a3e0; */
}

.card_cloudsummary > h5 {
  /* opacity: 85%; */
  opacity: 0.85;
  font-size: 15px;
  color: white;
}

.card__body__cloud {
  font-size: 35px;
  text-align: center;
  color: white;
}

.card__body__cloud > span {
  font-size: 35px;
  text-align: center;
  color: white;
  font-weight: 600;
}

.card_cloudsummary_passed {
  background: #66eec0;
  border: 1px solid rgb(192, 192, 192, 0.5);
  padding: 20px;
  border-radius: 0.75rem !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.card_cloudsummary_passed > h5 {
  /* opacity: 85%; */
  opacity: 0.85;
  font-size: 15px;
  color: white;
}

.card__body__cloud__passed {
  font-size: 35px;
  text-align: center;
  color: white;
}

.card__body__cloud__passed > span {
  font-size: 35px;
  text-align: center;
  color: white;
  font-weight: 600;
}

.card_cloudsummary_allow {
  background: #80d1f0;
  border: 1px solid rgb(192, 192, 192, 0.5);
  padding: 20px;
  border-radius: 0.75rem !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.card_cloudsummary_allow > h5 {
  /* opacity: 85%; */
  opacity: 0.85;
  font-size: 15px;
  color: white;
}

.card__body__cloud__allow {
  font-size: 35px;
  text-align: center;
  color: white;
}

.card__body__cloud__allow > span {
  font-size: 35px;
  text-align: center;
  color: white;
  font-weight: 600;
}

.card_medium {
  background: #fec85e;
  border: 1px solid rgb(192, 192, 192, 0.5);
  padding: 20px;
  border-radius: 0.75rem !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.card_medium > h5 {
  /* opacity: 85%; */
  opacity: 0.85;
  font-size: 15px;
  color: white;
}

.card__body_medium {
  font-size: 35px;
  text-align: center;
  color: white;
}

.card__body__medium > span {
  font-size: 35px;
  text-align: center;
  color: white;
  font-weight: 600;
}

.card_low {
  background: #fff784;
  border: 1px solid rgb(192, 192, 192, 0.5);
  padding: 20px;
  border-radius: 0.75rem !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.card_low > h5 {
  /* opacity: 85%; */
  opacity: 0.85;
  font-size: 15px;
  color: white;
}

.card__body__low {
  font-size: 35px;
  text-align: center;
  color: white;
}

.card__body__low > span {
  font-size: 35px;
  text-align: center;
  color: white;
  font-weight: 600;
}

.card_critical {
  background: #c25969;
  border: 1px solid rgb(192, 192, 192, 0.5);
  padding: 20px;
  border-radius: 0.75rem !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.card_critical > h5 {
  /* opacity: 85%; */
  opacity: 0.85;
  font-size: 15px;
  color: white;
}

.card__body__critical {
  font-size: 35px;
  text-align: center;
  color: white;
}

.card__body__critical > span {
  font-size: 35px;
  text-align: center;
  color: white;
  font-weight: 600;
}

.activity-popup-overlay {
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #00000065;
  z-index: 100;
}

.card__body1 > span {
  font-size: 35px;
  text-align: center;
  color: #00a3e0;
}

.card__head {
  color: #00a3e0;
  font-size: 15px;
}

.MuiListItem-button {
  border-radius: 20px 20px 20px 20px !important;
}

.MuiListItem-button.inactive:not(.MuiListItem-button.active):hover {
  background-color: lightgray;
  color: #00a3e0 !important;
}

.MuiListItem-button.active:hover {
  background-color: #f4f7fa;
  color: #00a3e0 !important;
}

.MuiPaper-elevation1 {
  box-shadow: none !important;
}

table tr:nth-child(even) {
  /* background-color: lightgray; */
}

table tr:hover {
  background-color: #ffff;
}

.table_headings {
  /* margin:10px; */
  padding: 10px;
}

.MuiAvatar-rounded {
  border-radius: 50% !important;
}

.MuiBadge-anchorOriginBottomRightRectangle {
  right: 0 !important;
  bottom: 0 !important;
  transform: scale(1) translate(0%, 0%) !important;
}

.collapse-table-color {
  border-top: 3px solid #00a7ec;
  border-left: 3px solid #00a7ec;
  border-right: 3px solid #00a7ec;
  border-bottom: 'none' !important;
  /* background-color: #e6f6fd !important; */
  background-image: linear-gradient(to bottom right, #ccedfa, #ffffff);
  border-radius: 5px !important;
  /* border-style: groove; */
}

.details-border {
  border-left: 3px solid #00a7ec;
  border-right: 3px solid #00a7ec;
  border-bottom: 3px solid #00a7ec !important;
  border-radius: 10px !important;
  border-top: 'none' !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* .cloud-filters {
  width: "120px";
  height: "30px";
  border: "1px solid #cccc";
  text-align: center !important;

} */

.activity-timeline {
  padding: 0;
}

.activity-timeline-item {
  min-height: 60px;
}

.timeline-separator {
  display: flex;
  align-items: center;
}

.timeline-content-wrapper {
  display: flex;
  align-items: center;
}

.avatar-wrapper {
  margin-right: 16px;
  margin-top: -25px;
}

.content-wrapper {
  display: flex;
  flex-direction: column;
}

.content-title {
  font-weight: bold;
}

.content-main {
  font-size: 14px;
}

.MuiTimelineSeparator-root {
  padding: 10px !important;
}

.avatar-wrapper-client {
  margin-right: 16px;
  margin-top: -55px;
}

.no-data-container {
  text-align: center;
  padding: 20px;
  margin-top: 50px;
}

.no-data-image {
  max-width: 100%;
  height: 300px;
  margin-bottom: 10px;
}

.tcell-font-size {
  font-size: 18px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
    color: #2196f3;
    /* Start color */
  }

  50% {
    color: #66bb6a;
    /* Change color halfway */
  }

  100% {
    transform: rotate(360deg);
    color: #2196f3;
    /* Reset to original color */
  }
}

.spin {
  animation: spin 1s linear;
}

.pagination-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination-container.sticky {
  position: -webkit-sticky;
  position: sticky;
  bottom: 20px;
}

.header-container-popup {
  display: flex;
  /* css issue in v1.2.0 */
  /* flex-direction: column; */
  justify-content: space-between;
  align-items: center;
  /* removed padding in v1.2.0 css issues */
  padding: 0 2rem;
  margin: auto;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 20;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.modal-title {
  margin: 0;
  color: #343a40;
  font-weight: bold;
}

.content-container {
  padding: 1rem 2rem;
  font-size: 16px;
}

.vertical-gap {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.note-content-text {
  color: #e60023;
  padding: 0.5rem 0;
}

/* dashboard heading */

.heading_css {
  /* font-weight: bold;
  text-wrap: nowrap;  */
  font-size: clamp(1rem, 1.5vw, 2.5rem);
  /* Responsive font size */
  font-weight: 600;
  margin: 0;
  color: #222;
  line-height: 1;
  letter-spacing: 0.01em;
}

.new-tag {
  display: inline-block;
  /* background-color: #55d04d;  */
  background-color: #188038;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 4px 8px;
  margin-left: 8px;
  border-radius: 12px;
  line-height: 1;
  border: 2px solid green;
}

.danger-tag {
  display: inline-block;
  background-color: #e85a5a;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 4px 8px;
  margin-left: 8px;
  border-radius: 12px;
  line-height: 1;
  border: 2px solid #e85a5a;
}

/* vertical loding component */

@keyframes bar {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
  }

  20% {
    transform: scaleY(1);
  }
}

.vertical-bars {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-right: 4px;
}

.bar {
  width: 4px;
  height: 16px;
  background-color: #4caf50;
  animation: bar 1.2s infinite ease-in-out;
}

.bar:nth-child(1) {
  animation-delay: -1.1s;
}

.bar:nth-child(2) {
  animation-delay: -1s;
}

.bar:nth-child(3) {
  animation-delay: -0.9s;
}

.bar:nth-child(4) {
  animation-delay: -0.8s;
}

.bar:nth-child(5) {
  animation-delay: -0.7s;
}

/* side popup css */

.side-popup-container {
  width: 50%;
  min-width: 400px;
  max-width: 600px;
  /* height: 92vh; */
  height: 100vh;
  position: fixed;
  /* top: 64px; */
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  border-radius: 0 0 0 0;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  outline: none;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  z-index: 1300;
}

.side-popup-header {
  background-color: #fff;
  padding: 0.75rem 30px;
  border-radius: 0 0 0 0;
  font-weight: bold;
  font-size: 22px;
  text-align: left;
  position: relative;
  box-shadow: 0 0.25px 0px #555;
}

.side-popup-header-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  outline: none;
}

.side-popup-content-container {
  flex: 1 1;
  overflow-y: auto;
  padding: 1rem 2rem;
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  height: 100%;
}

/* css moved from src-somefolder(deprecated) which used by deeptraq folders  */

.admin-dlp-usb-logs-graph,
.admin-dlp-conf-stack-graph {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  height: 22rem;
}

/* fieldset and option css from adminConfig.css */
.fieldset-section {
  padding-left: 1.5rem;
}

.fieldset-disabled input {
  background: #f0f0f0;
  color: #aaa;
}

.fieldset-disabled label {
  color: #aaa;
}

.fieldset-disabled .setting-input-unit {
  background: #f0f0f0;
  color: #aaa;
}

.fieldset-disabled .card {
  color: #aaa;
}

.option-list {
  display: flex;
  justify-content: flex-start;
  overflow-x: auto;
  flex-wrap: wrap;
  /* white-space: nowrap; */
  /* scroll-behavior: smooth; */
  padding-bottom: 0.25rem;
  /* width:"100%"; */
}

.option {
  color: #555;
  margin-right: 0.5rem;
  cursor: pointer;
  border: 1px solid #ccc;
  background: #fff;
  padding: 0.5rem;
  border-radius: 0.5rem;
  font-size: 13px;
  margin-top: 0.25rem;
  box-shadow: 4px 4px 4px 0px #ddd;
}

.option-selected {
  color: #fff;
  border: 1px solid #00a7ec;
  font-weight: 600;
  background: #00a7ec;
}

/* fieldset and option end from adminConfig.css */

/* formcontrols css from settings.js - config.css */

.settings-container {
  background-color: #ececec;
  border-radius: 0.3rem;
  padding: 0.75rem;
}

.feature-heading,
.settings-heading {
  padding: 0.25rem 0;
}

.feature-heading > span,
.settings-heading > span {
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 600;
}

.feature-item {
  padding: 0.2rem 0;
  display: flex;
  flex-direction: row;
}

.feature-item-title {
  font-size: 14px;
  font-weight: 500;
  flex: 0.3 1;
  padding-right: 0.5rem;
  word-break: break-all;
}

.feature-item-content {
  font-size: 16px;
  font-weight: 400;
  flex: 0.7 1;
}

.settings-item {
  padding: 0.2rem 0;
  display: flex;
  flex-direction: column;
}

.settings-checkbox-label {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.3rem !important;
}

.settings-checkbox-label > div {
  margin-top: 0.2rem;
}

.settings-checkbox-label > span {
  margin: 0 0.5rem;
  font-size: 16px;
  font-weight: 400;
  /* margin-top:-.25rem !important; */
}

.info-btn {
  outline: none !important;
  padding: 0rem !important;
}

.info-btn :hover {
  color: #00a7ec !important;
}

.info-icon {
  font-size: 1.3rem !important;
  color: #aaa !important;
}

.info-icon-active {
  font-size: 1.3rem !important;
  color: #00a7ec !important;
}

.settings-input-label {
  margin-bottom: 0.3rem !important;
}

.settings-input-label > span {
  margin-right: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}

.error-message {
  font-size: 0.75rem;
  color: rgb(221, 88, 88);
}

.settings-input {
  width: 100%;
  padding: 0.35rem 0.5rem;
  font-size: 15px;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  outline: none;
}

.settings-input-with-units {
  flex: 1 1;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.setting-input-unit {
  padding: 0.35rem 0.5rem;
  font-size: 15px;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-right: none;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.settings-dropdown {
  width: 100%;
  padding: 0.35rem;
  font-size: 0.85rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* form controls css from settings.js - config.css */

/* user css for vulnerabilty scans */
.admin-user-block {
  background: #fff;
  margin: 0.75rem 0;
  border-radius: 0.5rem !important;
  padding: 0 !important;
  border: 1px solid rgb(192, 192, 192, 0.5);
}

.admin-user-content {
  flex: 1 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.accordion-block {
  background: #fff;
  margin: 0.35rem 0;
  border-radius: 0.5rem !important;
  padding: 0 !important;
  border: 1px solid rgb(192, 192, 192, 0.5);
  transition:
    box-shadow 0.3s,
    border-color 0.3s;
}

.accordion-block:hover {
  /* border: 2px solid rgba(78, 78, 78, 0.5); */
  border: 2px solid #00a3e7;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.admin-user-block .carousel-control-next,
.admin-user-block .carousel-control-prev {
  width: 10% !important;
}

.admin-user-block .carousel-control-next {
  margin-right: -3rem !important;
}

.admin-user-block .carousel-control-prev {
  margin-left: -3rem !important;
}

.admin-user-block .carousel-control-next-icon {
  /* background: white; */
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23333%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%3e%3c/svg%3e");
}

.admin-user-block .carousel-control-prev-icon {
  /* background: white; */
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23333%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e");
}

/* graph css */
.summary-activeInactive__graph {
  box-sizing: border-box;
  padding: 6px;
  width: 100%;
  height: 14.1rem;
  background-color: #fff;
  border-radius: 0.75rem;
}

.keystrokes__graph {
  box-sizing: border-box;
  padding: 6px;
  width: 100%;
  height: 19.8rem;
  background-color: #fff;
  border-radius: 0.75rem;
}

/* table css */
.totalworkdone {
  min-height: 20rem;
}

.totalworkdone__table {
  height: 19rem !important;
}

/* new styles fresh */
.user-block-groups-list .MuiAvatar-root {
  width: 30px;
  height: 30px;
  font-size: 16px;
}

.agent-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-left: 10px;
}

/* user css for vulnerability scans */

/* pagination css from PhotosLive */
.pagination {
  margin-bottom: 5px !important;
}

.pagination > li > a,
.pagination > li > span {
  border-radius: 50% !important;
  margin: 0 3px;
  font-size: 12px;
}

/* pagination css from PhotosLive */

@charset "UTF-8";
/**
The MIT License (MIT)

Copyright (c) 2015 strarsis https://github.com/strarsis/sass-math-pow

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
 */
/**
The MIT License (MIT)

Copyright (c) 2015 strarsis https://github.com/strarsis/sass-math-pow

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
 */
/**
 * Text truncation
 *
 * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis.
 *
 * 1. Ensure that the node has a maximum width after which truncation can occur.
 */
/**
 * Text weight shifting
 *
 * When changing the font-weight based the state of the component
 * this mixin will ensure that the sizing is dependent on the boldest
 * weight so it doesn't shifter sibling content.
 */
/**
 * 1. Focus rings shouldn't be visible on scrollable regions, but a11y requires them to be focusable.
 *    Browser's supporting `:focus-visible` will still show outline on keyboard focus only.
 *    Others like Safari, won't show anything at all.
 * 2. Force the `:focus-visible` when the `tabindex=0` (is tabbable)
 */
/**
 * For quickly applying a full-height element whether using flex or not
 */
/*
 * Creates the Amsterdam style of button with a transparent background
 */
/*
 * Creates the Amsterdam style of fill button
 */
/*
The CSS in JS version of this file lives in:
  - src/components/form/range/range.styles.ts

The following files still use the Sass version:
  - src/themes/amsterdam/overrides/_color_stops.scss
  - src/themes/amsterdam/overrides/_hue.scss
*/
@keyframes euiAnimFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes euiGrow {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes focusRingAnimate {
  0% {
    box-shadow: 0 0 0 2px rgba(0, 119, 204, 0);
  }
  100% {
    box-shadow: 0 0 0 2px #0071c2;
  }
}
@keyframes focusRingAnimateLarge {
  0% {
    box-shadow: 0 0 0 10px rgba(0, 119, 204, 0);
  }
  100% {
    box-shadow: 0 0 0 4px #0071c2;
  }
}
@keyframes euiButtonActive {
  50% {
    transform: translateY(1px);
  }
}
/**
 * LEGEND
 * __day-name : Week headers like Su, Mo, etc
 * __day : Number on the calendar
 *       --highlighted
 *       --disabled :               _this.isDisabled(),
 *       --selected :               _this.isSameDay(_this.props.selected),
    *       --range-start :            _this.isRangeStart(),
    *       --range-end :              _this.isRangeEnd(),
 *       --keyboard-selected :      _this.isKeyboardSelected(),
 *       --in-range :               _this.isInRange(),
    *       --in-selecting-range :     _this.isInSelectingRange(),
    *       --selecting-range-start :  _this.isSelectingRangeStart(),
    *       --selecting-range-end :    _this.isSelectingRangeEnd(),
 *       --today :                  _this.isSameDay(now(_this.props.utcOffset)),
 *       --weekend :                _this.isWeekend(),
 *       --outside-month :          _this.isOutsideMonth()
 */
.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
}

.react-datepicker__day-name,
.react-datepicker__day {
  font-weight: 500;
  text-align: center;
  color: #1a1c21;
  display: inline-block;
  width: 32px;
  line-height: 32px;
  border-radius: 4px;
  margin: 2px;
}

.react-datepicker__day-name {
  color: #69707D;
}

.react-datepicker__day {
  cursor: pointer;
  transition: transform 90ms ease-in-out;
}
.react-datepicker__day:hover {
  color: #0061a6;
  background-color: rgba(0, 119, 204, 0.2);
  text-decoration: underline;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .react-datepicker__day:hover {
    transform: scale(1.1);
  }
}
.react-datepicker__day--today {
  color: #07C;
  font-weight: 700;
}
.react-datepicker__day--outside-month {
  color: #69707D;
}
.react-datepicker__day--highlighted, .react-datepicker__day--highlighted:hover {
  color: #00726b;
  background-color: rgba(0, 191, 179, 0.2);
}
.react-datepicker__day--in-range, .react-datepicker__day--in-range:hover {
  color: #0061a6;
  background-color: rgba(0, 119, 204, 0.2);
}
.react-datepicker__day--in-range:not(.react-datepicker__day--selected):not(:hover), .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected), .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected):hover {
  box-shadow: -2px 0 rgba(0, 119, 204, 0.2), 2px 0 rgba(0, 119, 204, 0.2);
  border-radius: 0;
}
.react-datepicker__day--in-range:not(.react-datepicker__day--selected):not(:hover):first-of-type, .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected):first-of-type, .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected):hover:first-of-type {
  box-shadow: 2px 0 rgba(0, 119, 204, 0.2);
}
.react-datepicker__day--in-range:not(.react-datepicker__day--selected):not(:hover):last-of-type, .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected):last-of-type, .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected):hover:last-of-type {
  box-shadow: -2px 0 rgba(0, 119, 204, 0.2);
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover {
  background-color: #07C;
  color: #FFF;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(189, 39, 30, 0.5);
}
.react-datepicker__day--disabled, .react-datepicker__day--disabled:hover {
  background-color: rgba(171, 180, 196, 0.1);
  color: #a2abba;
  cursor: not-allowed;
  text-decoration: none;
  transform: none;
}
.react-datepicker__day--disabled.react-datepicker__day--in-range:not(.react-datepicker__day--selected), .react-datepicker__day--disabled.react-datepicker__day--in-range:not(.react-datepicker__day--selected):hover, .react-datepicker__day--disabled:hover.react-datepicker__day--in-range:not(.react-datepicker__day--selected), .react-datepicker__day--disabled:hover.react-datepicker__day--in-range:not(.react-datepicker__day--selected):hover {
  color: #8c9daa;
  background-color: rgba(0, 119, 204, 0.2);
}
.react-datepicker__day--disabled.react-datepicker__day--selected, .react-datepicker__day--disabled.react-datepicker__day--selected:hover {
  color: #BD271E;
  background-color: rgba(189, 39, 30, 0.2);
}

/**
 * LEGEND
 * __time-list-item :
 *       --preselected : closest current time but not selected (also applied when using arrow keys to indicate focus)
 *       --selected
 *       --disabled
 *       --injected
 */
.react-datepicker__header--time {
  display: none;
}

.react-datepicker__time-container {
  border-left: #D3DAE6;
  width: auto;
  display: flex;
  margin-top: 40px;
  margin-left: 8px;
  flex-grow: 1;
  background-color: #fafbfd;
  border-radius: 6px;
}
.react-datepicker__time-container--focus .react-datepicker__time-list-item--preselected {
  text-decoration: underline;
}
@media only screen and (max-width: 574px) {
  .react-datepicker__time-container {
    margin-top: 0;
  }
}

.react-datepicker__time,
.react-datepicker__time-box {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.react-datepicker__time-list {
  scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
  scrollbar-width: thin;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 4px 12px;
  height: 100px !important;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  gap: 4px;
}
.react-datepicker__time-list::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
.react-datepicker__time-list::-webkit-scrollbar-thumb {
  background-color: rgba(105, 112, 125, 0.5);
  background-clip: content-box;
  border-radius: 16px;
  border: 6px solid transparent;
}
.react-datepicker__time-list::-webkit-scrollbar-corner, .react-datepicker__time-list::-webkit-scrollbar-track {
  background-color: transparent;
}
.react-datepicker__time-list:focus {
  outline: none; /* 1 */
}
.react-datepicker__time-list[tabindex="0"]:focus:focus-visible {
  outline-style: auto; /* 2 */
}

.react-datepicker__time-list-item {
  display: inline-block;
  -webkit-appearance: none;
          appearance: none;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  text-align: center;
  white-space: nowrap;
  max-width: 100%;
  vertical-align: middle;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  letter-spacing: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-kerning: normal;
          font-feature-settings: "kern";
          font-kerning: normal;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
  font-weight: 500;
  text-decoration: none;
  outline-offset: -1px;
  transform: none !important; /* 1 */
  animation: none !important; /* 1 */
  transition-timing-function: ease-in; /* 2 */
  transition-duration: 150ms; /* 2 */
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  font-size: 12px;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .react-datepicker__time-list-item {
    transition: transform 250ms ease-in-out, background-color 250ms ease-in-out;
  }
  .react-datepicker__time-list-item:hover:not(:disabled) {
    transform: translateY(-1px);
  }
  .react-datepicker__time-list-item:focus {
    animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  }
  .react-datepicker__time-list-item:active:not(:disabled) {
    transform: translateY(1px);
  }
}
.react-datepicker__time-list-item:hover:not(:disabled), .react-datepicker__time-list-item:focus {
  text-decoration: underline;
}
.react-datepicker__time-list-item--disabled, .react-datepicker__time-list-item--disabled:hover {
  text-decoration: none !important;
  cursor: not-allowed;
  color: #ABB4C4;
  background-color: transparent;
}
.react-datepicker__time-list-item--injected, .react-datepicker__time-list-item--injected:hover {
  color: #00726b;
  background-color: rgba(0, 191, 179, 0.2);
}
.react-datepicker__time-list-item--preselected, .react-datepicker__time-list-item--preselected:hover {
  background: rgba(0, 119, 204, 0.1);
}
.react-datepicker__time-list-item--selected, .react-datepicker__time-list-item--selected:hover {
  background-color: #07C;
  color: #FFF;
}

.react-datepicker--time-only {
  padding: 0 !important;
}
.react-datepicker--time-only .react-datepicker__time-container {
  background-color: transparent;
  margin: 0;
}
.react-datepicker--time-only .react-datepicker__time-list {
  height: 204px !important;
}
.react-datepicker--time-only .react-datepicker__time-list-item {
  font-size: 14px;
  min-width: 112px;
  text-align: left;
}

/**
 * LEGEND
 * __header__dropdown : Contains the month and year, but affords for the navigational arrows

 *   __month-dropdown-container: Contains both static/selected control and the dropdown
 *     __month-read-view: The static control
 *     __month-dropdown: The absolutely positioned list
 *       __month-option: Each option in the list
 *                       --selected_month
 *                       --selected
 *                       --preselected

 *   __year-dropdown-container: Contains both static/selected control and the dropdown
 *     __year-read-view: The static control
 *     __year-dropdown: The absolutely positioned list
 *       __year-option: Each option in the list
 *                       --selected_year
 *                       --selected
 *                       --preselected
 */
.react-datepicker__header__dropdown {
  padding: 8px;
  display: flex;
  gap: 4px;
  position: absolute;
  top: 0;
  left: 36px;
  right: 36px;
  justify-content: center;
}

/**
 * Make the top selectors look like select inputs
 */
.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  max-width: 400px;
  width: 100%;
  height: 40px;
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  letter-spacing: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-kerning: normal;
          font-feature-settings: "kern";
          font-kerning: normal;
  font-size: 14px;
  color: #343741;
  border: none;
  border-radius: 6px;
  padding: 12px;
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  padding: 8px;
  border-radius: 4px;
  height: 32px;
  font-weight: 500;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
@supports (-moz-appearance: none) {
  .react-datepicker__year-read-view,
  .react-datepicker__month-read-view,
  .react-datepicker__month-year-read-view {
    transition-property: box-shadow, background-image, background-size;
  }
}
.react-datepicker__year-read-view::placeholder,
.react-datepicker__month-read-view::placeholder,
.react-datepicker__month-year-read-view::placeholder {
  color: #69707D;
  opacity: 1;
}
@supports (-moz-appearance: none) {
  .react-datepicker__year-read-view,
  .react-datepicker__month-read-view,
  .react-datepicker__month-year-read-view {
    transition-property: box-shadow, background-image, background-size;
  }
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
  text-decoration: underline;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  background-position: center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+ICA8ZGVmcz4gICAgPHBhdGggaWQ9ImFycm93X2Rvd24tYSIgZD0iTTEzLjA2ODg1MDgsNS4xNTcyNTAzOCBMOC4zODQyMzk3NSw5Ljc2ODI3NDI4IEM4LjE3MDU0NDE1LDkuOTc4NjEzMDggNy44Mjk5OTIxNCw5Ljk3OTE0MDk1IDcuNjE1NzYwMjUsOS43NjgyNzQyOCBMMi45MzExNDkxNSw1LjE1NzI1MDM4IEMyLjcxODEzNTksNC45NDc1ODMyMSAyLjM3Mjc3MzE5LDQuOTQ3NTgzMjEgMi4xNTk3NTk5NCw1LjE1NzI1MDM4IEMxLjk0Njc0NjY5LDUuMzY2OTE3NTYgMS45NDY3NDY2OSw1LjcwNjg1NTIyIDIuMTU5NzU5OTQsNS45MTY1MjI0IEw2Ljg0NDM3MTA0LDEwLjUyNzU0NjMgQzcuNDg1MTc0MjQsMTEuMTU4MjgzNiA4LjUxNjQ0OTc5LDExLjE1NjY4NTEgOS4xNTU2Mjg5NiwxMC41Mjc1NDYzIEwxMy44NDAyNDAxLDUuOTE2NTIyNCBDMTQuMDUzMjUzMyw1LjcwNjg1NTIyIDE0LjA1MzI1MzMsNS4zNjY5MTc1NiAxMy44NDAyNDAxLDUuMTU3MjUwMzggQzEzLjYyNzIyNjgsNC45NDc1ODMyMSAxMy4yODE4NjQxLDQuOTQ3NTgzMjEgMTMuMDY4ODUwOCw1LjE1NzI1MDM4IFoiLz4gIDwvZGVmcz4gIDxnIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgIDx1c2UgZmlsbC1ydWxlPSJub256ZXJvIiB4bGluazpocmVmPSIjYXJyb3dfZG93bi1hIi8+ICA8L2c+PC9zdmc+);
  right: 8px;
  height: 12px;
  width: 12px;
  display: inline-block;
  background-size: cover;
}
.react-datepicker__year-read-view--selected-month, .react-datepicker__year-read-view--selected-year,
.react-datepicker__month-read-view--selected-month,
.react-datepicker__month-read-view--selected-year,
.react-datepicker__month-year-read-view--selected-month,
.react-datepicker__month-year-read-view--selected-year {
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.react-datepicker__year-dropdown-container,
.react-datepicker__month-dropdown-container {
  position: relative;
  display: inline-block;
  flex-grow: 1;
  max-width: 400px;
}

.react-datepicker__year-dropdown-container > div:not([class*=read-view]),
.react-datepicker__month-dropdown {
  scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
  scrollbar-width: thin;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.07), 0 1.9px 4px rgba(0, 0, 0, 0.05), 0 4.5px 10px rgba(0, 0, 0, 0.05);
  height: auto;
  max-height: 250px;
  background-color: #FFF;
  position: absolute;
  z-index: 1;
  border-radius: 6px;
  min-width: 100px;
  width: 100%;
}
.react-datepicker__year-dropdown-container > div:not([class*=read-view])::-webkit-scrollbar,
.react-datepicker__month-dropdown::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
.react-datepicker__year-dropdown-container > div:not([class*=read-view])::-webkit-scrollbar-thumb,
.react-datepicker__month-dropdown::-webkit-scrollbar-thumb {
  background-color: rgba(105, 112, 125, 0.5);
  background-clip: content-box;
  border-radius: 16px;
  border: 6px solid transparent;
}
.react-datepicker__year-dropdown-container > div:not([class*=read-view])::-webkit-scrollbar-corner, .react-datepicker__year-dropdown-container > div:not([class*=read-view])::-webkit-scrollbar-track,
.react-datepicker__month-dropdown::-webkit-scrollbar-corner,
.react-datepicker__month-dropdown::-webkit-scrollbar-track {
  background-color: transparent;
}
.react-datepicker__year-dropdown-container > div:not([class*=read-view]):focus,
.react-datepicker__month-dropdown:focus {
  outline: none; /* 1 */
}
.react-datepicker__year-dropdown-container > div:not([class*=read-view])[tabindex="0"]:focus:focus-visible,
.react-datepicker__month-dropdown[tabindex="0"]:focus:focus-visible {
  outline-style: auto; /* 2 */
}

.react-datepicker__year-dropdown-container > div:not([class*=read-view]) .react-datepicker__year-dropdown {
  padding: 4px;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}

.react-datepicker__month-dropdown-container {
  flex-grow: 2;
}
.react-datepicker__month-dropdown-container .react-datepicker__month-dropdown {
  padding: 4px;
  min-width: 140px;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  font-size: 14px;
  margin: 4px 0;
  cursor: pointer;
}
.react-datepicker__year-option:hover, .react-datepicker__year-option:focus,
.react-datepicker__month-option:hover,
.react-datepicker__month-option:focus,
.react-datepicker__month-year-option:hover,
.react-datepicker__month-year-option:focus {
  text-decoration: underline;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  display: none;
}

.react-datepicker__year-option--preselected, .react-datepicker__year-option--preselected:hover,
.react-datepicker__month-option--preselected,
.react-datepicker__month-option--preselected:hover {
  background: rgba(0, 119, 204, 0.1);
}

.react-datepicker__year-option--selected_year, .react-datepicker__year-option--selected_year:hover,
.react-datepicker__month-option--selected_month,
.react-datepicker__month-option--selected_month:hover {
  background-color: #07C;
  color: #FFF;
}

.react-datepicker__navigation--next,
.react-datepicker__navigation--previous {
  background-position: center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzM0Mzc0MSIgZD0iTTExLjY5MiA3SDMuNTU2QzMuMjQ5IDcgMyA3LjIyNCAzIDcuNXMuMjQ5LjUuNTU2LjVoOC4xMzZsLTQuMDk2IDQuMDk2YS41LjUgMCAwMC43MDcuNzA3bDQuMjQzLTQuMjQyYy4yNTgtLjI1OS40MDMtLjU4Ny40MzMtLjkyNWEuNDU0LjQ1NCAwIDAwMC0uMjcyIDEuNDk0IDEuNDk0IDAgMDAtLjQzMy0uOTI1TDguMzAzIDIuMTk3YS41LjUgMCAxMC0uNzA3LjcwN0wxMS42OTIgN3oiLz48L3N2Zz4=);
  cursor: pointer;
  position: absolute;
  top: 8px;
  height: 32px;
  width: 32px;
  z-index: 1;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  border-radius: 4px;
  background-position: center;
}
.react-datepicker__navigation--next:hover, .react-datepicker__navigation--next:focus,
.react-datepicker__navigation--previous:hover,
.react-datepicker__navigation--previous:focus {
  background-color: rgba(0, 119, 204, 0.1);
}

.react-datepicker__navigation--previous {
  left: 8px;
  transform: rotate(180deg);
  transform-origin: center;
}

.react-datepicker__navigation--next {
  right: 8px;
}

/* This file is a heavy retheme of react-datepicker's Sass as of v1.4.0
** https://github.com/Hacker0x01/react-datepicker
*/
.euiDatePicker {
  display: block;
}
.euiDatePicker .euiFormControlLayout {
  height: auto;
}
.euiDatePicker.euiDatePicker--inline .euiFormControlLayout {
  width: auto;
}
.euiDatePicker.euiDatePicker--shadow .react-datepicker-popper {
  box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.08), 0 2.6px 8px -1px rgba(0, 0, 0, 0.06), 0 5.7px 12px -1px rgba(0, 0, 0, 0.05), 0 15px 15px -1px rgba(0, 0, 0, 0.04);
  border: 1px solid #D3DAE6;
  background-color: #FFF;
  border-radius: 0 0 6px 6px;
}
.euiDatePicker.euiDatePicker--shadow.euiDatePicker--inline .react-datepicker {
  box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.08), 0 2.6px 8px -1px rgba(0, 0, 0, 0.06), 0 5.7px 12px -1px rgba(0, 0, 0, 0.05), 0 15px 15px -1px rgba(0, 0, 0, 0.04);
  border: 1px solid #D3DAE6;
  background-color: #FFF;
  border-radius: 6px;
}

.react-datepicker {
  font-size: 12px;
  color: #343741;
  display: flex;
  border-radius: 6px;
  padding: 8px;
  justify-content: center;
}

.euiDatePicker.euiDatePicker--shadow .react-datepicker-popper {
  z-index: 2000;
  animation: euiAnimFadeIn 150ms ease-in;
}
.euiDatePicker.euiDatePicker--shadow .react-datepicker-popper[data-placement^=top] {
  box-shadow: 0 0 0.8px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.04), 0 0 5px rgba(0, 0, 0, 0.04), 0 0 17px rgba(0, 0, 0, 0.03);
  border-radius: 6px 6px 0 0;
}
.euiDatePicker.euiDatePicker--shadow .react-datepicker-popper[data-placement^=right] {
  margin-left: 0;
}
.euiDatePicker.euiDatePicker--shadow .react-datepicker-popper[data-placement^=left] {
  margin-right: 0;
}

.react-datepicker__current-month,
.react-datepicker-time__header {
  display: none;
}

.react-datepicker__screenReaderOnly {
  position: absolute;
  top: auto;
  left: -10000px;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  overflow: hidden;
  margin: -1px;
}

.react-datepicker__focusTrap {
  display: flex;
  justify-content: center;
}

.react-datepicker__month-container {
  flex-grow: 1;
  margin-top: 36px;
}

.react-datepicker__header {
  display: flex;
  flex-direction: column;
}

.react-datepicker-time__header {
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.react-datepicker__month {
  text-align: center;
  border-radius: 6px;
}

@media only screen and (max-width: 574px) {
  .react-datepicker__focusTrap,
  .react-datepicker {
    flex-direction: column;
  }
  .react-datepicker__time-box {
    margin-top: 0;
  }
}
.euiAccordionForm__extraAction {
  opacity: 0;
  transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.euiAccordionForm__extraAction:focus {
  opacity: 1;
}

.euiAccordionForm__title {
  display: inline-block;
}

.euiAccordionForm__button {
  padding: 16px 16px 16px 0;
}
.euiAccordionForm__button:hover {
  text-decoration: none;
}
.euiAccordionForm__button:hover .euiAccordionForm__title {
  text-decoration: underline;
}

.euiAccordionForm {
  border-top: 1px solid #D3DAE6;
  border-bottom: 1px solid #D3DAE6;
}
.euiAccordionForm + .euiAccordionForm {
  border-top: none;
}
.euiAccordionForm:hover .euiAccordionForm__extraAction {
  opacity: 1;
  visibility: visible;
}

.euiBasicTable-loading {
  position: relative;
}
.euiBasicTable-loading tbody {
  overflow: hidden;
}
.euiBasicTable-loading tbody::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #07C;
  animation: euiBasicTableLoading 1000ms linear;
  animation-iteration-count: infinite;
}

@keyframes euiBasicTableLoading {
  from {
    left: 0;
    width: 0;
  }
  20% {
    left: 0;
    width: 40%;
  }
  80% {
    left: 60%;
    width: 40%;
  }
  100% {
    left: 100%;
    width: 0;
  }
}
.euiButtonContent {
  height: 100%;
  width: 100%;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
}
.euiButtonContent .euiButtonContent__icon,
.euiButtonContent .euiButtonContent__spinner {
  flex-shrink: 0;
}
.euiButtonContent > * + * {
  -webkit-margin-start: 8px;
          margin-inline-start: 8px;
}

.euiButtonContent--iconRight {
  height: 100%;
  width: 100%;
  vertical-align: middle;
  flex-direction: row-reverse;
}
.euiButtonContent--iconRight .euiButtonContent__icon,
.euiButtonContent--iconRight .euiButtonContent__spinner {
  flex-shrink: 0;
}
.euiButtonContent--iconRight > * + * {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
}

/**
 * 1. We don't want any of the animations that come inherited from the mixin.
 *    These should act like normal links instead.
 * 2. Change the easing, quickness to not bounce so lighter backgrounds don't flash
 */
.euiButtonEmpty {
  display: inline-block;
  -webkit-appearance: none;
          appearance: none;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  text-align: center;
  white-space: nowrap;
  max-width: 100%;
  vertical-align: middle;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  letter-spacing: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-kerning: normal;
          font-feature-settings: "kern";
          font-kerning: normal;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
  font-weight: 500;
  text-decoration: none;
  outline-offset: -1px;
  border-radius: 6px;
  transform: none !important; /* 1 */
  animation: none !important; /* 1 */
  transition-timing-function: ease-in; /* 2 */
  transition-duration: 150ms; /* 2 */
}
@media screen and (prefers-reduced-motion: no-preference) {
  .euiButtonEmpty {
    transition: transform 250ms ease-in-out, background-color 250ms ease-in-out;
  }
  .euiButtonEmpty:hover:not(:disabled) {
    transform: translateY(-1px);
  }
  .euiButtonEmpty:focus {
    animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  }
  .euiButtonEmpty:active:not(:disabled) {
    transform: translateY(1px);
  }
}
.euiButtonEmpty:hover:not(:disabled), .euiButtonEmpty:focus {
  text-decoration: underline;
}
.euiButtonEmpty .euiButtonEmpty__content {
  padding: 0 8px;
}
.euiButtonEmpty .euiButtonEmpty__text {
  text-overflow: ellipsis;
  overflow: hidden;
}
.euiButtonEmpty.euiButtonEmpty--small {
  height: 32px;
  border-radius: 4.002px;
}
.euiButtonEmpty.euiButtonEmpty--xSmall {
  height: 24px;
  border-radius: 4.002px;
  font-size: 12px;
}
.euiButtonEmpty:disabled {
  pointer-events: auto;
  cursor: not-allowed;
}
.euiButtonEmpty:disabled:hover, .euiButtonEmpty:disabled:focus, .euiButtonEmpty:disabled:focus-within {
  text-decoration: none;
}
.euiButtonEmpty:disabled .euiButtonContent__spinner {
  border-color: #07C currentColor currentColor currentColor;
}
.euiButtonEmpty:disabled:hover, .euiButtonEmpty:disabled:focus {
  text-decoration: none;
}

.euiButtonEmpty--flushLeft .euiButtonEmpty__content,
.euiButtonEmpty--flushRight .euiButtonEmpty__content,
.euiButtonEmpty--flushBoth .euiButtonEmpty__content {
  padding-left: 0;
  padding-right: 0;
}

.euiButtonEmpty--flushLeft {
  margin-right: 8px;
}

.euiButtonEmpty--flushRight {
  margin-left: 8px;
}

.euiButtonIcon {
  display: inline-block;
  -webkit-appearance: none;
          appearance: none;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  text-align: center;
  white-space: nowrap;
  max-width: 100%;
  vertical-align: middle;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  letter-spacing: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-kerning: normal;
          font-feature-settings: "kern";
          font-kerning: normal;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
  font-weight: 500;
  text-decoration: none;
  outline-offset: -1px;
  border-radius: 6px;
  width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .euiButtonIcon {
    transition: transform 250ms ease-in-out, background-color 250ms ease-in-out;
  }
  .euiButtonIcon:hover:not(:disabled) {
    transform: translateY(-1px);
  }
  .euiButtonIcon:focus {
    animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  }
  .euiButtonIcon:active:not(:disabled) {
    transform: translateY(1px);
  }
}
.euiButtonIcon:hover:not(:disabled), .euiButtonIcon:focus {
  text-decoration: underline;
}
.euiButtonIcon > svg {
  pointer-events: none;
}
.euiButtonIcon:disabled {
  pointer-events: auto;
  cursor: not-allowed;
}
.euiButtonIcon:disabled:hover, .euiButtonIcon:disabled:focus, .euiButtonIcon:disabled:focus-within {
  text-decoration: none;
}
.euiButtonIcon:disabled .euiButtonContent__spinner {
  border-color: #07C currentColor currentColor currentColor;
}

.euiButtonIcon--xSmall {
  height: 24px;
  width: 24px;
  border-radius: 4px;
}

.euiButtonIcon--small {
  height: 32px;
  width: 32px;
  border-radius: 4px;
}

.euiButtonGroup {
  display: inline-block;
  max-width: 100%;
  position: relative;
}

.euiButtonGroup--fullWidth {
  display: block;
}
.euiButtonGroup--fullWidth .euiButtonGroup__buttons {
  width: 100%;
}
.euiButtonGroup--fullWidth .euiButtonGroup__buttons .euiButtonGroupButton {
  flex: 1 1;
}

.euiButtonGroup__buttons {
  border-radius: 7px;
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

.euiButtonGroup--isDisabled .euiButtonGroup__buttons {
  box-shadow: none;
}

.euiButtonGroup--compressed .euiButtonGroup__buttons {
  box-shadow: none !important;
  border-radius: 4px;
  background-color: #fbfcfd;
  height: 32px;
  border: 1px solid rgba(17, 42, 134, 0.1);
  overflow: visible;
}

.euiButtonGroupButton {
  display: inline-block;
  -webkit-appearance: none;
          appearance: none;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  text-align: center;
  white-space: nowrap;
  max-width: 100%;
  vertical-align: middle;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  letter-spacing: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-kerning: normal;
          font-feature-settings: "kern";
          font-kerning: normal;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
  transition: background-color 250ms ease-in-out, color 250ms ease-in-out;
  min-width: 0;
  flex-shrink: 1;
  flex-grow: 0;
}
.euiButtonGroupButton .euiButton__content {
  padding: 0 12px;
}
.euiButtonGroupButton-isIconOnly .euiButton__content {
  padding: 0 8px;
}
.euiButtonGroupButton.euiButtonGroupButton--small {
  height: 32px;
  line-height: 32px;
}
.euiButtonGroupButton:not(:disabled):hover, .euiButtonGroupButton:not(:disabled):focus, .euiButtonGroupButton:not(:disabled):focus-within {
  text-decoration: underline;
}
.euiButtonGroupButton:disabled {
  pointer-events: auto;
  cursor: not-allowed;
}
.euiButtonGroupButton:disabled:hover, .euiButtonGroupButton:disabled:focus, .euiButtonGroupButton:disabled:focus-within {
  text-decoration: none;
}
.euiButtonGroupButton:disabled .euiButtonContent__spinner {
  border-color: #07C currentColor currentColor currentColor;
}
.euiButtonGroupButton:disabled.euiButtonGroupButton-isSelected {
  color: #717782;
  background-color: #ABB4C4;
  border-color: #ABB4C4;
}

.euiButtonGroupButton__textShift::after {
  display: block;
  content: attr(data-text);
  font-weight: 700;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

/**
 * Medium and Small sizing (regular button style)
 */
.euiButtonGroup--medium .euiButtonGroupButton,
.euiButtonGroup--small .euiButtonGroupButton {
  border-radius: 0 !important;
  font-weight: 500;
}
.euiButtonGroup--medium .euiButtonGroupButton:focus, .euiButtonGroup--medium .euiButtonGroupButton:focus-within,
.euiButtonGroup--small .euiButtonGroupButton:focus,
.euiButtonGroup--small .euiButtonGroupButton:focus-within {
  outline-style: solid;
  outline-color: #000;
  outline-offset: -2px;
}
.euiButtonGroup--medium .euiButtonGroupButton:focus:focus-visible, .euiButtonGroup--medium .euiButtonGroupButton:focus-within:focus-visible,
.euiButtonGroup--small .euiButtonGroupButton:focus:focus-visible,
.euiButtonGroup--small .euiButtonGroupButton:focus-within:focus-visible {
  outline-style: auto;
}
.euiButtonGroup--medium .euiButtonGroupButton:focus:not(:focus-visible),
.euiButtonGroup--small .euiButtonGroupButton:focus:not(:focus-visible) {
  outline: none;
}
.euiButtonGroup--medium .euiButtonGroupButton:not(:first-child):not(.euiButtonGroupButton-isSelected):not(:disabled),
.euiButtonGroup--small .euiButtonGroupButton:not(:first-child):not(.euiButtonGroupButton-isSelected):not(:disabled) {
  box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.05);
}
.euiButtonGroup--medium .euiButtonGroupButton:first-child,
.euiButtonGroup--small .euiButtonGroupButton:first-child {
  border-radius: 6px 0 0 6px;
}
.euiButtonGroup--medium .euiButtonGroupButton:last-child,
.euiButtonGroup--small .euiButtonGroupButton:last-child {
  border-radius: 0 6px 6px 0;
}
.euiButtonGroup--medium .euiButtonGroupButton-isSelected,
.euiButtonGroup--small .euiButtonGroupButton-isSelected {
  z-index: 0;
}
.euiButtonGroup--medium .euiButtonGroupButton-isSelected + .euiButtonGroupButton-isSelected,
.euiButtonGroup--small .euiButtonGroupButton-isSelected + .euiButtonGroupButton-isSelected {
  box-shadow: -1px 0 0 rgba(255, 255, 255, 0.1);
}

.euiButtonGroup--small .euiButtonGroup__buttons {
  border-radius: 4px;
}

/**
 * Compressed (form style)
 */
.euiButtonGroup--compressed .euiButtonGroupButton {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  border-radius: 5px;
  padding: 2px;
  background-clip: content-box;
}
.euiButtonGroup--compressed .euiButtonGroupButton .euiButton__content {
  padding-left: 8px;
  padding-right: 8px;
}
.euiButtonGroup--compressed .euiButtonGroupButton.euiButtonGroupButton-isSelected {
  font-weight: 600;
}
.euiButtonGroup--compressed .euiButtonGroupButton:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton:not(:disabled):focus-within {
  outline: 2px solid currentColor;
}
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-primary]:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-primary]:not(:disabled):focus-within {
  outline-color: #07C;
}
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-primary]:not(:disabled):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-primary]:not(:disabled):focus-within:focus-visible {
  outline-style: auto;
}
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-primary]:not(:disabled):focus:not(:focus-visible) {
  outline: none;
}
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-accent]:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-accent]:not(:disabled):focus-within {
  outline-color: #F04E98;
}
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-accent]:not(:disabled):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-accent]:not(:disabled):focus-within:focus-visible {
  outline-style: auto;
}
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-accent]:not(:disabled):focus:not(:focus-visible) {
  outline: none;
}
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-success]:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-success]:not(:disabled):focus-within {
  outline-color: #00BFB3;
}
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-success]:not(:disabled):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-success]:not(:disabled):focus-within:focus-visible {
  outline-style: auto;
}
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-success]:not(:disabled):focus:not(:focus-visible) {
  outline: none;
}
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-warning]:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-warning]:not(:disabled):focus-within {
  outline-color: #FEC514;
}
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-warning]:not(:disabled):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-warning]:not(:disabled):focus-within:focus-visible {
  outline-style: auto;
}
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-warning]:not(:disabled):focus:not(:focus-visible) {
  outline: none;
}
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-danger]:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-danger]:not(:disabled):focus-within {
  outline-color: #BD271E;
}
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-danger]:not(:disabled):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-danger]:not(:disabled):focus-within:focus-visible {
  outline-style: auto;
}
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-danger]:not(:disabled):focus:not(:focus-visible) {
  outline: none;
}
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-ghost]:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-ghost]:not(:disabled):focus-within {
  outline-color: #FFF;
}
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-ghost]:not(:disabled):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-ghost]:not(:disabled):focus-within:focus-visible {
  outline-style: auto;
}
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-ghost]:not(:disabled):focus:not(:focus-visible) {
  outline: none;
}
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-text]:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-text]:not(:disabled):focus-within {
  outline-color: #69707D;
}
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-text]:not(:disabled):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-text]:not(:disabled):focus-within:focus-visible {
  outline-style: auto;
}
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-text]:not(:disabled):focus:not(:focus-visible) {
  outline: none;
}

.euiCollapsibleNav:not([class*=push]) {
  z-index: 6000 !important;
}

.euiCollapsibleNavGroup:not(:first-child) {
  border-top: 1px solid #D3DAE6;
}
.euiCollapsibleNavGroup .euiAccordion__triggerWrapper {
  padding: 16px;
}

.euiCollapsibleNavGroup--light {
  background-color: #fafbfd;
}

.euiCollapsibleNavGroup--dark {
  background-color: #2a2c34;
  color: #FFF;
}
.euiCollapsibleNavGroup--dark .euiCollapsibleNavGroup__heading:focus .euiAccordion__iconWrapper {
  color: #0d7ecf;
  animation-name: euiCollapsibleNavGroupDarkFocusRingAnimate !important;
}
.euiCollapsibleNavGroup--dark .euiCollapsibleNavGroup__title {
  color: inherit;
  line-height: inherit;
}

.euiCollapsibleNavGroup__heading {
  font-weight: 600;
}
.euiCollapsibleNavGroup__heading:not(.euiAccordion__button) {
  padding: 16px;
}

.euiCollapsibleNavGroup__children {
  padding: 8px;
}

.euiCollapsibleNavGroup--withHeading .euiCollapsibleNavGroup__children {
  padding-top: 0;
}

@keyframes euiCollapsibleNavGroupDarkFocusRingAnimate {
  0% {
    box-shadow: 0 0 0 2px rgba(0, 119, 204, 0);
  }
  100% {
    box-shadow: 0 0 0 2px #0d7ecf;
  }
}
.euiColorPicker {
  position: relative;
  width: 152px;
}

.euiColorPicker__popoverAnchor .euiColorPicker__input {
  padding-right: 40px;
}
.euiColorPicker__popoverAnchor .euiColorPicker__input[class*="--compressed"] {
  padding-right: 32px;
}
.euiColorPicker__popoverAnchor .euiColorPicker__input + .euiFormControlLayoutIcons {
  color: inherit;
}

.euiColorPicker__swatches {
  display: flex;
  flex-wrap: wrap;
  margin: -4px;
}

.euiColorPicker__swatch-item {
  margin: 4px;
}

.euiSwatchInput__stroke {
  fill: none;
  stroke: rgba(0, 0, 0, 0.2);
}

.euiColorPicker__popoverPanel--pickerOnly {
  padding-bottom: 0 !important;
}

.euiColorPicker__input--inGroup {
  height: 38px !important;
  box-shadow: none !important;
  border-radius: 0;
}
.euiColorPicker__input--inGroup.euiFieldText--compressed {
  height: 30px !important;
  border-radius: 0;
}

.euiColorPicker__alphaRange .euiRangeInput {
  min-width: 0;
}

.euiColorPickerSwatch {
  display: inline-block;
  height: 24px;
  width: 24px;
  border-radius: 3px;
  cursor: pointer;
  border: solid 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}
.euiColorPickerSwatch:disabled {
  cursor: default;
}
.euiColorPickerSwatch:focus {
  outline: 2px solid currentColor;
}
.euiColorPickerSwatch:focus:focus-visible {
  outline-style: auto;
}
.euiColorPickerSwatch:focus:not(:focus-visible) {
  outline: none;
}

.euiHue {
  background: linear-gradient(to right, #FF3232 0%, #FFF130 20%, #45FF30 35%, #28FFF0 52%, #282CFF 71%, #FF28FB 88%, #FF0094 100%);
  height: 24px;
  margin: 4px 0;
  position: relative;
}
.euiHue::before, .euiHue::after {
  content: "";
  left: 0;
  position: absolute;
  height: 8px;
  background: #FFF;
  width: 100%;
}
.euiHue::after {
  bottom: 0;
}

.euiHue__range {
  position: relative;
  height: 24px;
  width: calc(100% + 2px);
  margin: 0 -1px;
  -webkit-appearance: none;
          appearance: none;
  background: transparent;
  z-index: 2;
}
.euiHue__range::-webkit-slider-thumb {
  padding: 7px;
  border: 1px solid #c9cbcd;
  background: #FFF no-repeat center;
  border-radius: 14px;
  -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in;
  transition: background-color 150ms ease-in, border-color 150ms ease-in;
  box-shadow: 0 0 0 1px #FFF, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
  border: 2px solid #FFF;
  cursor: pointer;
  background-color: #69707D;
  padding: 0;
  height: 16px;
  width: 16px;
  box-sizing: border-box;
}
.euiHue__range::-moz-range-thumb {
  padding: 7px;
  border: 1px solid #c9cbcd;
  background: #FFF no-repeat center;
  border-radius: 14px;
  -moz-transition: background-color 150ms ease-in, border-color 150ms ease-in;
  transition: background-color 150ms ease-in, border-color 150ms ease-in;
  box-shadow: 0 0 0 1px #FFF, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
  border: 2px solid #FFF;
  cursor: pointer;
  background-color: #69707D;
  padding: 0;
  height: 16px;
  width: 16px;
  box-sizing: border-box;
}
.euiHue__range::-ms-thumb {
  padding: 7px;
  border: 1px solid #c9cbcd;
  background: #FFF no-repeat center;
  border-radius: 14px;
  -ms-transition: background-color 150ms ease-in, border-color 150ms ease-in;
  transition: background-color 150ms ease-in, border-color 150ms ease-in;
  box-shadow: 0 0 0 1px #FFF, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
  border: 2px solid #FFF;
  cursor: pointer;
  background-color: #69707D;
  padding: 0;
  height: 16px;
  width: 16px;
  box-sizing: border-box;
}
.euiHue__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin-top: 0;
}
.euiHue__range::-ms-thumb {
  margin-top: 0;
}
.euiHue__range::-ms-track {
  height: 24px;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.euiHue__range::-moz-focus-outer {
  border: none;
}
.euiHue__range::-ms-fill-lower, .euiHue__range::-ms-fill-upper {
  background: transparent;
}
.euiHue__range:focus {
  outline: none;
}
.euiHue__range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 2px #0071c2;
  border-color: #07C;
}
.euiHue__range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 2px #0071c2;
  border-color: #07C;
}
.euiHue__range:focus::-ms-thumb {
  box-shadow: 0 0 0 2px #0071c2;
  border-color: #07C;
}

.euiSaturation {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  border-radius: 3px;
  touch-action: none;
  z-index: 3;
}
.euiSaturation .euiSaturation__lightness,
.euiSaturation .euiSaturation__saturation {
  position: absolute;
  top: -1px;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 3px;
}
.euiSaturation .euiSaturation__lightness {
  background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
.euiSaturation .euiSaturation__saturation {
  background: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0));
}
.euiSaturation .euiSaturation__indicator {
  position: absolute;
  height: 12px;
  width: 12px;
  border-radius: 100%;
  margin-top: -6px;
  margin-left: -6px;
  border: 1px solid #343741;
}
.euiSaturation .euiSaturation__indicator::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 100%;
  border: 1px solid #F5F7FA;
}
.euiSaturation:focus {
  outline: none;
}
.euiSaturation:focus .euiSaturation__indicator {
  box-shadow: 0 0 0 2px #0071c2;
  border-color: #07C;
}

.euiColorPalettePicker__itemTitle {
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
}
.euiColorPalettePicker__itemTitle + .euiColorPaletteDisplay {
  margin-top: 4px;
}

.euiColorPaletteDisplay {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  height: 8px;
}

.euiColorPaletteDisplay--sizeExtraSmall {
  position: relative;
  height: 4px;
  border-radius: 4px;
}
.euiColorPaletteDisplay--sizeExtraSmall::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  content: "";
  pointer-events: none;
  border: 1px solid rgba(52, 55, 65, 0.2);
}

.euiColorPaletteDisplay--sizeExtraSmall .euiColorPaletteDisplayFixed__bleedArea {
  height: 4px;
}

.euiColorPaletteDisplay--sizeSmall {
  position: relative;
  height: 8px;
  border-radius: 8px;
}
.euiColorPaletteDisplay--sizeSmall::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  content: "";
  pointer-events: none;
  border: 1px solid rgba(52, 55, 65, 0.2);
}

.euiColorPaletteDisplay--sizeSmall .euiColorPaletteDisplayFixed__bleedArea {
  height: 8px;
}

.euiColorPaletteDisplay--sizeMedium {
  position: relative;
  height: 16px;
  border-radius: 16px;
}
.euiColorPaletteDisplay--sizeMedium::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 16px;
  content: "";
  pointer-events: none;
  border: 1px solid rgba(52, 55, 65, 0.2);
}

.euiColorPaletteDisplay--sizeMedium .euiColorPaletteDisplayFixed__bleedArea {
  height: 16px;
}

.euiColorPaletteDisplayFixed__bleedArea {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  height: 8px;
  width: calc(100% + 1px);
}

.euiComboBox {
  max-width: 400px;
  width: 100%;
  height: auto;
  position: relative;
  /**
   * 1. Allow pills to truncate their text with an ellipsis.
   * 2. Don't allow pills/placeholder to overlap with the caret, loading icon or clear button.
   * 3. The height on combo can be larger than normal text inputs.
   */
  /**
   * 1. Force field height to match other field heights.
   * 2. Force input height to expand to fill this element.
   * 3. Reset appearance on Safari.
   * 4. Fix react-input-autosize appearance.
   * 5. Prevent a lot of input from causing the react-input-autosize to overflow the container.
   */
}
.euiComboBox--fullWidth {
  max-width: 100%;
}
.euiComboBox--compressed {
  height: 32px;
}
.euiComboBox--inGroup {
  height: 100%;
}
.euiComboBox--compressed,
.euiComboBox .euiFormControlLayout {
  height: auto;
}
.euiComboBox .euiComboBox__inputWrap {
  max-width: 400px;
  width: 100%;
  height: 40px;
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  letter-spacing: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-kerning: normal;
          font-feature-settings: "kern";
          font-kerning: normal;
  font-size: 14px;
  color: #343741;
  border: none;
  border-radius: 6px;
  padding: 12px;
  max-width: 400px;
  width: 100%;
  height: auto;
  padding: 4px 8px;
  display: flex; /* 1 */
  outline: none;
  padding-right: 40px;
  /* 2 */
}
.euiComboBox .euiComboBox__inputWrap--fullWidth {
  max-width: 100%;
}
.euiComboBox .euiComboBox__inputWrap--compressed {
  height: 32px;
}
.euiComboBox .euiComboBox__inputWrap--inGroup {
  height: 100%;
}
@supports (-moz-appearance: none) {
  .euiComboBox .euiComboBox__inputWrap {
    transition-property: box-shadow, background-image, background-size;
  }
}
.euiComboBox .euiComboBox__inputWrap::placeholder {
  color: #69707D;
  opacity: 1;
}
.euiComboBox .euiComboBox__inputWrap--compressed {
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  padding: 8px;
  border-radius: 4px;
}
@supports (-moz-appearance: none) {
  .euiComboBox .euiComboBox__inputWrap--compressed {
    transition-property: box-shadow, background-image, background-size;
  }
}
.euiComboBox .euiComboBox__inputWrap--inGroup {
  box-shadow: none !important;
  border-radius: 0;
}
.euiComboBox .euiComboBox__inputWrap--withIcon {
  padding-left: 40px;
}

.euiComboBox .euiComboBox__inputWrap--fullWidth {
  max-width: 100%;
}
.euiComboBox .euiComboBox__inputWrap--compressed {
  height: 32px;
}
.euiComboBox .euiComboBox__inputWrap--inGroup {
  height: 100%;
}
.euiComboBox .euiComboBox__inputWrap .euiComboBoxPill {
  max-width: calc(100% - 2px - 16px);
}
.euiComboBox .euiComboBox__inputWrap:not(.euiComboBox__inputWrap--noWrap) {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  height: auto; /* 3 */
  flex-wrap: wrap; /* 1 */
  align-content: flex-start;
}
.euiComboBox .euiComboBox__inputWrap:not(.euiComboBox__inputWrap--noWrap):hover {
  cursor: text;
}
.euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap-isClearable {
  padding-right: 62px;
  /* 2 */
}
.euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap-isLoading {
  padding-right: 62px;
  /* 2 */
}
.euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap-isLoading .euiComboBoxPlaceholder {
  padding-right: 62px;
  /* 2 */
}
.euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap-isLoading.euiComboBox__inputWrap-isClearable {
  padding-right: 84px;
  /* 2 */
}
.euiComboBox .euiComboBox__input {
  display: inline-flex !important; /* 1 */
  height: 32px; /* 2 */
  overflow: hidden; /* 5 */
}
.euiComboBox .euiComboBox__input > input {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  letter-spacing: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-kerning: normal;
          font-feature-settings: "kern";
          font-kerning: normal;
  -webkit-appearance: none;
          appearance: none; /* 3 */
  padding: 0;
  border: none;
  background: transparent;
  font-size: 14px;
  color: #343741;
  margin: 4px;
  line-height: 1.5; /* 4 */
}
.euiComboBox.euiComboBox-isOpen .euiComboBox__inputWrap {
  background-color: white;
  background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
  background-size: 100% 100%;
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiComboBox.euiComboBox-isOpen .euiComboBox__inputWrap--compressed {
  background-color: white;
  background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
  background-size: 100% 100%;
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiComboBox.euiComboBox-isInvalid .euiComboBox__inputWrap {
  background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
  background-size: 100%;
}
.euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap {
  color: #98A2B3;
  -webkit-text-fill-color: #98A2B3;
  cursor: not-allowed;
  background: #eef2f7;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  -webkit-text-fill-color: unset;
}
.euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap::placeholder {
  color: #98A2B3;
  opacity: 1;
}
.euiComboBox.euiComboBox-isDisabled .euiComboBoxPlaceholder,
.euiComboBox.euiComboBox-isDisabled .euiComboBoxPill--plainText {
  color: #98A2B3;
  -webkit-text-fill-color: #98A2B3;
}
.euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap:not(.euiComboBox__inputWrap--noWrap):hover {
  cursor: not-allowed;
}
.euiComboBox.euiComboBox--compressed .euiComboBox__inputWrap {
  line-height: 32px; /* 2 */
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 32px;
  /* 2 */
}
.euiComboBox.euiComboBox--compressed .euiComboBox__inputWrap.euiComboBox__inputWrap-isClearable {
  padding-right: 54px;
  /* 2 */
}
.euiComboBox.euiComboBox--compressed .euiComboBox__inputWrap.euiComboBox__inputWrap-isLoading {
  padding-right: 54px;
  /* 2 */
}
.euiComboBox.euiComboBox--compressed .euiComboBox__inputWrap.euiComboBox__inputWrap-isLoading .euiComboBoxPlaceholder {
  padding-right: 54px;
  /* 2 */
}
.euiComboBox.euiComboBox--compressed .euiComboBox__inputWrap.euiComboBox__inputWrap-isLoading.euiComboBox__inputWrap-isClearable {
  padding-right: 76px;
  /* 2 */
}
.euiComboBox .euiFormControlLayout__prepend,
.euiComboBox .euiFormControlLayout__append {
  height: auto !important;
}

.euiComboBox__input {
  max-width: 100%;
}
.euiComboBox__input input {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/*
 * 1. Overwrites the base styling of EuiBadge, to give it a larger size and margins
 * that make sense in the input wrap.
 */
.euiComboBoxPill {
  height: 22px;
  line-height: 22px;
  vertical-align: baseline;
}
.euiComboBoxPill, .euiComboBoxPill + .euiComboBoxPill {
  margin: 4px;
}
.euiComboBox--compressed .euiComboBoxPill, .euiComboBox--compressed .euiComboBoxPill + .euiComboBoxPill {
  margin: 5px 4px 0 0;
}
.euiComboBoxPill--plainText {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  letter-spacing: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-kerning: normal;
          font-feature-settings: "kern";
          font-kerning: normal;
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 24px;
  font-size: 14px;
  padding: 0;
  color: #343741;
  vertical-align: middle;
  display: inline-block;
}

.euiComboBoxPlaceholder {
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  padding-right: 40px;
  position: absolute;
  pointer-events: none;
  padding-left: 4px;
  line-height: 32px;
  color: #69707D;
  margin-bottom: 0 !important;
}

/**
 * 1. Using specificity to override panel shadow
 * 2. Prevent really long input from overflowing the container.
 */
.euiComboBoxOptionsList {
  transform: none !important;
  top: 0;
}
.euiComboBoxOptionsList .euiFilterSelectItem__content {
  margin-block: 0 !important;
}

.euiComboBoxOptionsList__empty {
  overflow-wrap: break-word !important;
  word-break: break-word;
  /* 2 */
  padding: 8px;
  text-align: center;
  word-wrap: break-word;
}

.euiComboBoxOptionsList__rowWrap {
  padding: 0;
  max-height: 200px;
  overflow: hidden;
}
.euiComboBoxOptionsList__rowWrap > div {
  scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
  scrollbar-width: thin;
}
.euiComboBoxOptionsList__rowWrap > div::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
.euiComboBoxOptionsList__rowWrap > div::-webkit-scrollbar-thumb {
  background-color: rgba(105, 112, 125, 0.5);
  background-clip: content-box;
  border-radius: 16px;
  border: 6px solid transparent;
}
.euiComboBoxOptionsList__rowWrap > div::-webkit-scrollbar-corner, .euiComboBoxOptionsList__rowWrap > div::-webkit-scrollbar-track {
  background-color: transparent;
}

.euiComboBoxOption {
  font-size: 14px;
  padding: 4px 8px 4px 16px;
  width: 100%;
  text-align: left;
  border: 1px solid #D3DAE6;
  border-color: transparent;
  display: flex;
  align-items: center;
}
.euiComboBoxOption:hover {
  text-decoration: underline;
}
.euiComboBoxOption.euiComboBoxOption-isFocused {
  cursor: pointer;
  color: #0071c2;
  background-color: rgba(0, 119, 204, 0.1);
}
.euiComboBoxOption.euiComboBoxOption-isDisabled {
  color: #98A2B3;
  cursor: not-allowed;
}
.euiComboBoxOption.euiComboBoxOption-isDisabled:hover {
  text-decoration: none;
}

.euiComboBoxOption__contentWrapper {
  display: flex;
}
.euiComboBoxOption__contentWrapper .euiComboBoxOption__emptyStateText {
  flex: 1 1;
  text-align: left;
  margin-bottom: 0;
}
.euiComboBoxOption__contentWrapper .euiComboBoxOption__enterBadge {
  align-self: center;
  margin-left: 4px;
}

.euiComboBoxOption__content {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  flex: 1 1;
  text-align: left;
}

/**
 * 1. Force each title to be the same height as an option, so that the virtualized scroll logic
 *    works.
 */
.euiComboBoxTitle {
  font-size: 12px;
  padding: 11px 8px 4px; /* 1 */
  width: 100%;
  font-weight: 700;
  color: #000;
}

.euiContextMenu {
  width: 256px;
  max-width: 100%;
  position: relative;
  overflow: hidden;
  transition: height 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  border-radius: 6px;
}
.euiContextMenu .euiContextMenu__content {
  padding: 8px;
}

/**
  * 1. When there are multiple ContextMenuPanels, the ContextMenu will absolutely
  *    position them. ContextMenuPanel will break the layout of a Popover if it's
  *    absolutely positioned by default.
  */
.euiContextMenu__panel {
  position: absolute; /* 1 */
}

.euiContextMenu__icon {
  margin-right: 8px;
}

.euiContextMenuPanel {
  width: 100%;
  visibility: visible;
  outline-offset: -2px;
}
.euiContextMenuPanel:focus {
  outline: none;
}
.euiContextMenuPanel.euiContextMenuPanel-txInLeft {
  pointer-events: none;
  animation: euiContextMenuPanelTxInLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.euiContextMenuPanel.euiContextMenuPanel-txOutLeft {
  pointer-events: none;
  animation: euiContextMenuPanelTxOutLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.euiContextMenuPanel.euiContextMenuPanel-txInRight {
  pointer-events: none;
  animation: euiContextMenuPanelTxInRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.euiContextMenuPanel.euiContextMenuPanel-txOutRight {
  pointer-events: none;
  animation: euiContextMenuPanelTxOutRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
}

.euiContextMenuPanel--next {
  transform: translateX(256px);
  visibility: hidden;
}

.euiContextMenuPanel--previous {
  transform: translateX(-256px);
  visibility: hidden;
}

.euiContextMenuPanelTitle {
  overflow-wrap: break-word !important;
  word-break: break-word;
  color: #1a1c21;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
  font-weight: 700;
  padding: 12px;
  width: 100%;
  text-align: left;
  outline-offset: -2px;
  border-bottom: 1px solid #D3DAE6;
}
.euiContextMenuPanelTitle:enabled:hover, .euiContextMenuPanelTitle:enabled:focus {
  text-decoration: underline;
}
.euiContextMenuPanelTitle--small {
  padding: 6px 8px;
}

@keyframes euiContextMenuPanelTxInLeft {
  0% {
    transform: translateX(256px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes euiContextMenuPanelTxOutLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-256px);
  }
}
@keyframes euiContextMenuPanelTxInRight {
  0% {
    transform: translateX(-256px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes euiContextMenuPanelTxOutRight {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(256px);
  }
}
.euiContextMenuItem {
  display: block;
  padding: 12px;
  width: 100%;
  text-align: left;
  color: #343741;
  outline-offset: -2px;
}
.euiContextMenuItem:hover, .euiContextMenuItem:focus {
  text-decoration: underline;
}
.euiContextMenuItem:focus {
  background-color: rgba(0, 119, 204, 0.1);
}
.euiContextMenuItem.euiContextMenuItem-isDisabled {
  color: #ABB4C4;
  cursor: default;
}
.euiContextMenuItem.euiContextMenuItem-isDisabled:hover, .euiContextMenuItem.euiContextMenuItem-isDisabled:focus {
  text-decoration: none;
}
.euiContextMenuItem--small {
  padding: 6px 8px;
}
.euiContextMenuItem--small .euiContextMenuItem__text {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
}

.euiContextMenuItem__inner {
  display: flex;
}

.euiContextMenuItem__text {
  flex-grow: 1;
  overflow: hidden;
}

.euiContextMenuItem__arrow {
  align-self: flex-end;
}

.euiContextMenu__itemLayout {
  display: flex;
  align-items: center;
}
.euiContextMenu__itemLayout.euiContextMenu__itemLayout--bottom {
  align-items: flex-end;
}
.euiContextMenu__itemLayout.euiContextMenu__itemLayout--top {
  align-items: flex-start;
}
.euiContextMenu__itemLayout .euiContextMenu__icon {
  flex-shrink: 0;
}

.euiControlBar {
  background: #343741;
  color: white;
  display: flex;
  flex-direction: column;
  box-shadow: inset 0 40px 0 #343741, inset 0 600rem 0 #fafbfd;
  bottom: 0;
  transform: translateY(0);
  height: 40px;
  max-height: calc(100vh - 80px);
}
.euiControlBar--fixed {
  position: fixed;
  z-index: 6000;
}
.euiControlBar--absolute {
  position: absolute;
  z-index: 1000;
}
.euiControlBar--relative {
  position: relative;
}
.euiControlBar-isOpen {
  animation-duration: 250ms;
  animation-timing-function: cubic-bezier(0.694, 0.0482, 0.335, 1);
  animation-fill-mode: forwards;
}
.euiControlBar-isOpen.euiControlBar--large {
  animation-name: euiControlBarOpenPanelLarge;
  height: calc(100vh - 80px);
  bottom: -100vh;
}
.euiControlBar-isOpen.euiControlBar--medium {
  animation-name: euiControlBarOpenPanelMedium;
  height: 480px;
  bottom: -480px;
}
.euiControlBar-isOpen.euiControlBar--small {
  animation-name: euiControlBarOpenPanelSmall;
  height: 240px;
  bottom: -240px;
}

.euiControlBar__controls {
  height: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  overflow-y: hidden;
  overflow-x: auto;
  padding: 0 12px;
}

.euiControlBar__content {
  scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
  scrollbar-width: thin;
  overflow-y: auto;
  width: 100%;
  height: calc(100% - 40px);
  background-color: #fafbfd;
  animation-name: euiControlBarShowContent;
  animation-duration: 350ms;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.694, 0.0482, 0.335, 1);
  color: #343741;
}
.euiControlBar__content::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
.euiControlBar__content::-webkit-scrollbar-thumb {
  background-color: rgba(105, 112, 125, 0.5);
  background-clip: content-box;
  border-radius: 16px;
  border: 6px solid transparent;
}
.euiControlBar__content::-webkit-scrollbar-corner, .euiControlBar__content::-webkit-scrollbar-track {
  background-color: transparent;
}

.euiControlBar__icon {
  flex-shrink: 0;
  margin-left: 8px;
  margin-right: 8px;
}

.euiControlBar__buttonIcon {
  flex-shrink: 0;
  min-width: 40px;
  min-height: 40px;
}

.euiControlBar__button {
  flex-shrink: 0;
  border-radius: 3px;
  margin-left: 4px;
  font-size: 14px;
}
.euiControlBar__button:enabled:hover {
  transform: none;
  box-shadow: none;
}
.euiControlBar__button:last-child {
  margin-right: 4px;
}

.euiControlBar__breadcrumbs .euiBreadcrumb:not(:last-of-type) .euiBreadcrumb__content {
  color: #9ca0aa;
}
.euiControlBar__breadcrumbs .euiBreadcrumb::after {
  background: rgba(255, 255, 255, 0.2);
}

.euiControlBar__spacer {
  flex-grow: 1;
  height: 100%;
}

.euiControlBar__divider {
  flex-shrink: 0;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}

.euiControlBar__text {
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
  padding: 0 8px;
  color: white;
}
.euiControlBar__text:last-child {
  padding-right: 0;
}

.euiControlBar__tab {
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
  color: white;
  padding: 0 16px;
  text-align: center;
  height: 100%;
}
.euiControlBar__tab:hover, .euiControlBar__tab:focus {
  text-decoration: underline;
  cursor: pointer;
}
.euiControlBar__tab.euiControlBar__tab--active {
  background-color: #fafbfd;
  box-shadow: inset 0 4px 0 #0071c2;
  color: #0071c2;
}

.euiControlBar__controls .euiLink.euiLink--primary {
  color: #5eaadf;
}
.euiControlBar__controls .euiLink.euiLink--primary:hover {
  color: #4da0db;
}
.euiControlBar__controls .euiLink.euiLink--text {
  color: #FFF;
}
.euiControlBar__controls .euiControlBar__button.euiButton[class*=primary]:enabled:not(.euiButton--fill) {
  color: #5eaadf;
  border-color: #5eaadf;
}
.euiControlBar__controls .euiButtonIcon[class*=primary] {
  color: #5eaadf;
}

.euiControlBar__controls .euiLink.euiLink--accent {
  color: #f576af;
}
.euiControlBar__controls .euiLink.euiLink--accent:hover {
  color: #f583b7;
}
.euiControlBar__controls .euiLink.euiLink--text {
  color: #FFF;
}
.euiControlBar__controls .euiControlBar__button.euiButton[class*=accent]:enabled:not(.euiButton--fill) {
  color: #f576af;
  border-color: #f576af;
}
.euiControlBar__controls .euiButtonIcon[class*=accent] {
  color: #f576af;
}

.euiControlBar__controls .euiLink.euiLink--success {
  color: #00BFB3;
}
.euiControlBar__controls .euiLink.euiLink--success:hover {
  color: #4dd2ca;
}
.euiControlBar__controls .euiLink.euiLink--text {
  color: #FFF;
}
.euiControlBar__controls .euiControlBar__button.euiButton[class*=success]:enabled:not(.euiButton--fill) {
  color: #00BFB3;
  border-color: #00BFB3;
}
.euiControlBar__controls .euiButtonIcon[class*=success] {
  color: #00BFB3;
}

.euiControlBar__controls .euiLink.euiLink--warning {
  color: #FEC514;
}
.euiControlBar__controls .euiLink.euiLink--warning:hover {
  color: #fed65b;
}
.euiControlBar__controls .euiLink.euiLink--text {
  color: #FFF;
}
.euiControlBar__controls .euiControlBar__button.euiButton[class*=warning]:enabled:not(.euiButton--fill) {
  color: #FEC514;
  border-color: #FEC514;
}
.euiControlBar__controls .euiButtonIcon[class*=warning] {
  color: #FEC514;
}

.euiControlBar__controls .euiLink.euiLink--danger {
  color: #db8a85;
}
.euiControlBar__controls .euiLink.euiLink--danger:hover {
  color: #d16862;
}
.euiControlBar__controls .euiLink.euiLink--text {
  color: #FFF;
}
.euiControlBar__controls .euiControlBar__button.euiButton[class*=danger]:enabled:not(.euiButton--fill) {
  color: #db8a85;
  border-color: #db8a85;
}
.euiControlBar__controls .euiButtonIcon[class*=danger] {
  color: #db8a85;
}

.euiControlBar__controls .euiLink.euiLink--ghost {
  color: #FFF;
}
.euiControlBar__controls .euiLink.euiLink--ghost:hover {
  color: white;
}
.euiControlBar__controls .euiLink.euiLink--text {
  color: #FFF;
}
.euiControlBar__controls .euiControlBar__button.euiButton[class*=ghost]:enabled:not(.euiButton--fill) {
  color: #FFF;
  border-color: #FFF;
}
.euiControlBar__controls .euiButtonIcon[class*=ghost] {
  color: #FFF;
}

.euiControlBar__controls .euiLink.euiLink--text {
  color: #9ca0aa;
}
.euiControlBar__controls .euiLink.euiLink--text:hover {
  color: #969ba4;
}
.euiControlBar__controls .euiLink.euiLink--text {
  color: #FFF;
}
.euiControlBar__controls .euiControlBar__button.euiButton[class*=text]:enabled:not(.euiButton--fill) {
  color: #9ca0aa;
  border-color: #9ca0aa;
}
.euiControlBar__controls .euiButtonIcon[class*=text] {
  color: #9ca0aa;
}

@media only screen and (max-width: 574px) {
  .euiControlBar:not(.euiControlBar--showOnMobile) {
    display: none;
  }
}
@media only screen and (min-width: 575px) and (max-width: 767px) {
  .euiControlBar:not(.euiControlBar--showOnMobile) {
    display: none;
  }
}
@keyframes euiControlBarOpenPanelLarge {
  0% {
    transform: translateY(calc((40px * 3) * -1));
  }
  100% {
    transform: translateY(-100vh);
  }
}
@keyframes euiControlBarOpenPanelMedium {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(-480px);
  }
}
@keyframes euiControlBarOpenPanelSmall {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(-240px);
  }
}
@keyframes euiControlBarShowContent {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
 * 1. Account for inner box-shadow style border
 */
.euiDatePickerRange {
  max-width: 400px;
  width: 100%;
  height: auto;
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  display: flex;
  align-items: center;
  padding: 1px; /* 1 */
}
.euiDatePickerRange--fullWidth {
  max-width: 100%;
}
.euiDatePickerRange--compressed {
  height: 32px;
}
.euiDatePickerRange--inGroup {
  height: 100%;
}
@supports (-moz-appearance: none) {
  .euiDatePickerRange {
    transition-property: box-shadow, background-image, background-size;
  }
}
.euiDatePickerRange > * {
  flex-grow: 1;
}
.euiDatePickerRange .euiFieldText.euiDatePicker {
  height: 38px;
  box-shadow: none !important;
  text-align: center;
}
.euiDatePickerRange .euiDatePickerRange__start {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.euiDatePickerRange .euiDatePickerRange__end {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.euiDatePickerRange .react-datepicker-popper .euiFieldText.euiDatePicker {
  text-align: left;
}
.euiDatePickerRange--inGroup {
  box-shadow: none;
  padding: 0;
}

.euiDatePickerRange--isDisabled {
  background: #eef2f7;
}

.euiDatePickerRange--readOnly {
  background: #FFF;
}

.euiDatePickerRange__delimeter {
  align-self: stretch;
  height: auto;
  flex-grow: 0;
  display: flex;
  align-items: center;
}

.euiDatePickerRange--isInvalid .euiDatePickerRange__delimeter {
  background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
  background-size: 100%;
}

.euiSuperDatePicker__absoluteDateFormRow {
  padding: 0 8px 8px;
}

.euiDatePopoverButton {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  letter-spacing: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-kerning: normal;
          font-feature-settings: "kern";
          font-kerning: normal;
  font-size: 14px;
  color: #343741;
  display: block;
  width: 100%;
  padding: 0 8px;
  line-height: 38px;
  height: 38px;
  word-break: break-all;
  transition: background 150ms ease-in;
  background-size: 100%;
}
.euiDatePopoverButton::placeholder {
  color: #69707D;
  opacity: 1;
}
.euiDatePopoverButton--compressed {
  line-height: 30px;
  height: 30px;
}
.euiDatePopoverButton:focus, .euiDatePopoverButton-isSelected {
  background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
}
.euiDatePopoverButton-needsUpdating {
  background-color: #e6f9f7;
  color: #007e77;
}
.euiDatePopoverButton-needsUpdating:focus, .euiDatePopoverButton-needsUpdating.euiDatePopoverButton-isSelected {
  background-image: linear-gradient(to top, #00BFB3, #00BFB3 2px, transparent 2px, transparent 100%);
}
.euiDatePopoverButton-isInvalid {
  background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
  background-size: 100%;
  background-color: transparent;
  color: #BD271E;
}
.euiDatePopoverButton-isInvalid:focus, .euiDatePopoverButton-isInvalid.euiDatePopoverButton-isSelected {
  background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
}
.euiDatePopoverButton:disabled {
  background-color: #eef2f7;
  color: #69707D;
  cursor: default;
}

.euiDatePopoverButton--start {
  text-align: right;
}

.euiDatePopoverButton--end {
  text-align: left;
}

.euiDatePopoverContent {
  width: 400px;
  max-width: 100%;
}

.euiDatePopoverContent__padded {
  padding: 8px;
}

.euiDatePopoverContent__padded--large {
  padding: 16px;
}

@media only screen and (max-width: 574px) {
  .euiDatePopoverContent {
    width: 284px;
  }
}
.euiQuickSelectPopover__content {
  width: 400px;
  max-width: 100%;
}
.euiQuickSelectPopover__content .euiQuickSelectPopover__panel:not(:first-child) {
  border-top: 1px solid #D3DAE6;
  padding-top: 12px;
  margin-top: 12px;
}
.euiQuickSelectPopover__content .euiQuickSelectPopover__panel .euiQuickSelectPopover__panelTitle {
  float: left;
  margin-bottom: 12px;
}

.euiQuickSelectPopover__section {
  scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
  scrollbar-width: thin;
  max-height: 132px;
  overflow: hidden;
  overflow-y: auto;
  margin: 8px 0 0;
  clear: both;
}
.euiQuickSelectPopover__section::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
.euiQuickSelectPopover__section::-webkit-scrollbar-thumb {
  background-color: rgba(105, 112, 125, 0.5);
  background-clip: content-box;
  border-radius: 16px;
  border: 6px solid transparent;
}
.euiQuickSelectPopover__section::-webkit-scrollbar-corner, .euiQuickSelectPopover__section::-webkit-scrollbar-track {
  background-color: transparent;
}

.euiQuickSelectPopover__buttonText {
  margin-right: 4px !important;
}

.euiQuickSelectPopover__anchor {
  height: 100%;
}

.euiQuickSelectPopover__sectionItem {
  font-size: 14px;
  line-height: 14px;
}
.euiQuickSelectPopover__sectionItem--recentlyUsed:not(:last-of-type) {
  margin-bottom: 8px;
}

.euiQuickSelect__applyButton {
  min-width: 0;
}

.euiRefreshInterval__startButton {
  min-width: 90px;
}

.euiSuperDatePicker__flexWrapper {
  max-width: 100%;
  min-width: min(326px, 100%);
  width: 606px;
}
@media only screen and (max-width: 574px) {
  .euiSuperDatePicker__flexWrapper {
    width: 100%;
  }
}
@media only screen and (min-width: 575px) and (max-width: 767px) {
  .euiSuperDatePicker__flexWrapper {
    width: 100%;
  }
}
.euiSuperDatePicker__flexWrapper.euiSuperDatePicker__flexWrapper--fullWidth {
  width: 100%;
}
.euiSuperDatePicker__flexWrapper.euiSuperDatePicker__flexWrapper--isQuickSelectOnly {
  min-width: 0;
}
.euiSuperDatePicker__flexWrapper.euiSuperDatePicker__flexWrapper--autoWidth {
  display: inline-flex;
  width: auto;
}

.euiSuperDatePicker__flexWrapper--isAutoRefreshOnly {
  min-width: min(200px, 100%);
  width: 400px;
}

.euiSuperDatePicker__flexWrapper--noUpdateButton {
  min-width: min(200px, 100%);
  width: 480px;
}

.euiSuperDatePicker {
  max-width: 100% !important;
}
.euiSuperDatePicker > .euiFormControlLayout__childrenWrapper {
  flex: 1 1 100%;
  overflow: hidden;
}
.euiSuperDatePicker > .euiFormControlLayout__childrenWrapper > .euiDatePickerRange {
  max-width: none;
  width: auto;
  border-radius: 0 6px 6px 0;
}
.euiSuperDatePicker > .euiFormControlLayout__childrenWrapper:not(:last-child) > .euiDatePickerRange,
.euiSuperDatePicker > .euiFormControlLayout__childrenWrapper:not(:last-child) > .euiDatePickerRange .euiDatePopoverButton--end,
.euiSuperDatePicker > .euiFormControlLayout__childrenWrapper:not(:last-child) > .euiDatePickerRange .euiSuperDatePicker__prettyFormat {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.euiSuperDatePicker__prettyFormat {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  letter-spacing: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-kerning: normal;
          font-feature-settings: "kern";
          font-kerning: normal;
  font-size: 14px;
  color: #343741;
  display: block;
  width: 100%;
  padding: 0 8px;
  line-height: 38px;
  height: 38px;
  word-break: break-all;
  transition: background 150ms ease-in;
  display: flex;
  justify-content: space-between;
  text-align: left;
}
.euiSuperDatePicker__prettyFormat::placeholder {
  color: #69707D;
  opacity: 1;
}
.euiSuperDatePicker__prettyFormat:not(:disabled):hover, .euiSuperDatePicker__prettyFormat:focus {
  text-decoration: none;
}
.euiSuperDatePicker__prettyFormat:disabled {
  background-color: #eef2f7;
  color: #69707D;
  cursor: not-allowed;
}

.euiDataGrid {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow: hidden;
  height: 100%;
}

.euiDataGrid--fullScreen {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: #FFF;
}
.euiDataGrid--fullScreen .euiDataGrid__pagination {
  padding-bottom: 4px;
  background: #F5F7FA;
  box-shadow: 1px 0 0 1px #D3DAE6;
}

.euiDataGrid__content {
  flex-grow: 1;
  height: 100%;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 1;
  position: relative;
  background: #fafbfd;
  font-feature-settings: "tnum" 1;
}

.euiDataGrid__pagination {
  z-index: 2;
  padding-top: 4px;
  flex-grow: 0;
}

.euiDataGrid__restrictBody {
  height: 100vh;
  overflow: hidden;
}
.euiDataGrid__restrictBody .euiHeader {
  z-index: 998;
}

.euiDataGrid__focusWrap {
  height: 100%;
}

.euiDataGrid__virtualized {
  scrollbar-color: rgba(105, 112, 125, 0.5) #FFF;
  scrollbar-width: thin;
  scroll-padding: 0;
}
.euiDataGrid__virtualized::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
.euiDataGrid__virtualized::-webkit-scrollbar-thumb {
  background-color: rgba(105, 112, 125, 0.5);
  background-clip: content-box;
  border-radius: 16px;
  border: 6px solid #FFF;
}
.euiDataGrid__virtualized::-webkit-scrollbar-corner, .euiDataGrid__virtualized::-webkit-scrollbar-track {
  background-color: #FFF;
}

.euiDataGrid__scrollOverlay {
  position: absolute;
  top: -1px;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px #D3DAE6;
}
.euiDataGrid--bordersHorizontal .euiDataGrid__scrollOverlay {
  box-shadow: inset 0 -2px 0 -1px #D3DAE6;
}
.euiDataGrid__scrollOverlay .euiDataGrid__scrollBarOverlayBottom {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #D3DAE6;
}
.euiDataGrid__scrollOverlay .euiDataGrid__scrollBarOverlayRight {
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: #D3DAE6;
}

.euiDataGridHeader {
  display: flex;
  z-index: 3;
  background: #FFF;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.euiDataGridHeaderCell {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
  font-weight: 700;
  padding: 6px;
  flex: 0 0 auto;
  position: relative;
  align-items: center;
  display: flex;
}
.euiDataGridHeaderCell.euiDataGridHeaderCell--numeric {
  text-align: right;
}
.euiDataGridHeaderCell.euiDataGridHeaderCell--currency {
  text-align: right;
}
.euiDataGridHeaderCell:focus {
  outline: none;
  border-top: none;
}
.euiDataGridHeaderCell:focus::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #0071c2;
  border-radius: 4px;
  z-index: 2;
  pointer-events: none;
}
.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):focus-within {
  outline: none;
  border-top: none;
}
.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):focus-within::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #0071c2;
  border-radius: 4px;
  z-index: 2;
  pointer-events: none;
}
.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__sortingArrow {
  margin-right: 4px;
}
.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__button {
  flex: 0 0 auto;
  position: relative;
  align-items: center;
  display: flex;
  width: 100%;
  font-weight: 700;
  outline: none;
}
.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__button .euiDataGridHeaderCell__sortingArrow {
  flex-grow: 0;
}
.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__content {
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  flex-grow: 1;
  align-self: baseline;
}
.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__icon {
  flex-grow: 0;
  flex-basis: auto;
  width: auto;
  padding-left: 4px;
}

.euiDataGridHeader__action--selected {
  font-weight: 700 !important;
}

.euiDataGrid--bordersNone.euiDataGrid--bordersHorizontal .euiDataGridHeader {
  background: #FFF;
}

.euiDataGrid--headerUnderline .euiDataGridHeaderCell {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #D3DAE6;
  border-bottom-color: #343741;
}

.euiDataGrid--bordersNone.euiDataGrid--headerUnderline .euiDataGridHeaderCell {
  border-bottom: 2px solid #D3DAE6;
  border-color: #343741;
}

.euiDataGrid--headerShade .euiDataGridHeaderCell {
  background: #f5f7fa;
}

.euiDataGrid--headerShade.euiDataGrid--bordersAll .euiDataGridHeaderCell {
  border-right: 1px solid #D3DAE6;
  border-bottom: 1px solid #D3DAE6;
  border-left: none;
}
.euiDataGrid--headerShade.euiDataGrid--bordersAll .euiDataGridHeaderCell:first-of-type {
  border-left: 1px solid #D3DAE6;
}

.euiDataGrid--headerShade.euiDataGrid--bordersHorizontal .euiDataGridHeaderCell {
  border-top: none;
  border-bottom: 1px solid #D3DAE6;
}

.euiDataGrid--bordersNone .euiDataGridHeaderCell {
  border: none;
}

.euiDataGrid--borderhorizontal .euiDataGridHeaderCell {
  border-top: none;
  border-right: none;
  border-left: none;
}

.euiDataGrid--fontSizeSmall .euiDataGridHeaderCell {
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
}

.euiDataGrid--fontSizeLarge .euiDataGridHeaderCell {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
}

.euiDataGrid--paddingSmall .euiDataGridHeaderCell {
  padding: 4px;
}

.euiDataGrid--paddingLarge .euiDataGridHeaderCell {
  padding: 8px;
}

.euiDataGrid--noControls.euiDataGrid--bordersAll .euiDataGridHeaderCell {
  border-top: 1px solid #D3DAE6;
}

.euiDataGrid--noControls.euiDataGrid--bordersHorizontal .euiDataGridHeaderCell {
  border-top: 1px solid #D3DAE6;
}

.euiDataGridFooter {
  display: flex;
}

.euiDataGridRowCell.euiDataGridFooterCell {
  flex: 0 0 auto;
  position: relative;
  font-weight: 700;
}

.euiDataGrid--stickyFooter .euiDataGridFooter {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.euiDataGrid--footerOverline .euiDataGridRowCell.euiDataGridFooterCell {
  border-top: 2px solid #D3DAE6;
  border-top-color: #343741 !important;
  background: #FFF !important;
}

.euiDataGrid--bordersNone .euiDataGridRowCell.euiDataGridFooterCell {
  border-left: none;
  border-right: none;
}

.euiDataGrid--bordersHorizontal .euiDataGridRowCell.euiDataGridFooterCell {
  border-left: none;
  border-right: none;
}

.euiDataGrid--footerShade .euiDataGridRowCell.euiDataGridFooterCell {
  background: #f5f7fa;
}

.euiDataGridColumnResizer {
  position: absolute;
  top: 0;
  right: -8px;
  height: 100%;
  width: 16px;
  cursor: ew-resize;
  opacity: 0;
  z-index: 2;
}
.euiDataGridColumnResizer::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #07C;
}
.euiDataGridColumnResizer:hover, .euiDataGridColumnResizer:active {
  opacity: 1;
}
.euiDataGridColumnResizer:hover ~ .euiDataGridHeaderCell__content, .euiDataGridColumnResizer:active ~ .euiDataGridHeaderCell__content {
  -webkit-user-select: none;
          user-select: none;
}

.euiDataGridHeaderCell:last-child .euiDataGridColumnResizer {
  right: 0;
  width: 8px;
}
.euiDataGridHeaderCell:last-child .euiDataGridColumnResizer::after {
  left: auto;
  right: 0;
}

.euiDataGridRow {
  background-color: #FFF;
}

.euiDataGridRowCell {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
  padding: 6px;
  border-right: solid 1px #edf0f5;
  border-bottom: 1px solid #D3DAE6;
  overflow: hidden;
}
.euiDataGridRowCell > * {
  height: 100%;
}
.euiDataGridRowCell.euiDataGridRowCell--firstColumn {
  border-left: 1px solid #D3DAE6;
}
.euiDataGridRowCell.euiDataGridRowCell--lastColumn {
  border-right-color: #D3DAE6;
}
.euiDataGridRowCell:focus {
  outline: none;
}
.euiDataGridRowCell:focus::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #0071c2;
  border-radius: 4px;
  z-index: 2;
  pointer-events: none;
}
.euiDataGridRowCell:hover .euiDataGridRowCell__actionButtonIcon {
  animation-duration: 90ms;
  animation-name: euiDataGridCellActionsSlideIn;
  animation-iteration-count: 1;
  animation-delay: 250ms;
  animation-fill-mode: forwards;
}
.euiDataGridRowCell:focus .euiDataGridRowCell__actionButtonIcon, .euiDataGridRowCell:focus-within .euiDataGridRowCell__actionButtonIcon, .euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__actionButtonIcon {
  animation: none;
  margin-left: 6px;
  width: 12px;
}
.euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open) .euiDataGridRowCell__actionButtonIcon {
  display: none;
}
.euiDataGridRowCell.euiDataGridRowCell--numeric {
  text-align: right;
}
.euiDataGridRowCell.euiDataGridRowCell--currency {
  text-align: right;
}
.euiDataGridRowCell.euiDataGridRowCell--uppercase {
  text-transform: uppercase;
}
.euiDataGridRowCell.euiDataGridRowCell--lowercase {
  text-transform: lowercase;
}
.euiDataGridRowCell.euiDataGridRowCell--capitalize {
  text-transform: capitalize;
}
.euiDataGridRowCell .euiDataGridRowCell__definedHeight {
  overflow-wrap: break-word !important;
  word-break: break-word;
  flex-grow: 1;
}
.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__content,
.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__truncate, .euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn).euiDataGridRowCell__truncate,
.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__expandContent {
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden;
  white-space: nowrap;
}

.euiDataGridRowCell__popover {
  scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
  scrollbar-width: thin;
  overflow: auto;
  max-width: 400px !important;
  max-height: 400px !important;
  z-index: 1000 !important;
  filter: none;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 3.6px 13px rgba(0, 0, 0, 0.07), 0 8.4px 23px rgba(0, 0, 0, 0.06), 0 23px 35px rgba(0, 0, 0, 0.05);
}
.euiDataGridRowCell__popover::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
.euiDataGridRowCell__popover::-webkit-scrollbar-thumb {
  background-color: rgba(105, 112, 125, 0.5);
  background-clip: content-box;
  border-radius: 16px;
  border: 6px solid transparent;
}
.euiDataGridRowCell__popover::-webkit-scrollbar-corner, .euiDataGridRowCell__popover::-webkit-scrollbar-track {
  background-color: transparent;
}

.euiDataGridRowCell__expandFlex {
  position: relative;
  display: flex;
  align-items: baseline;
  height: 100%;
}
.euiDataGridRowCell--controlColumn .euiDataGridRowCell__expandFlex {
  align-items: center;
}

.euiDataGridRowCell__expandContent {
  flex-grow: 1;
}

.euiDataGridRowCell__contentByHeight {
  flex-grow: 1;
  height: 100%;
}

.euiDataGridRowCell__expandActions {
  display: flex;
}

.euiDataGridRowCell__expandContent + .euiDataGridRowCell__expandActions {
  flex-grow: 0;
}

.euiDataGridRowCell__contentByHeight + .euiDataGridRowCell__expandActions {
  background-color: #FFF;
  position: absolute;
  right: 0;
  top: 0;
  padding: 6px 0;
}

.euiDataGridRowCell__actionButtonIcon {
  height: 12px;
  border-radius: 3px;
  width: 0;
  overflow: hidden;
  transition: none;
  box-shadow: none !important;
  border: none;
}

.euiDataGrid--stripes .euiDataGridRow--striped {
  background-color: #F5F7FA;
}
.euiDataGrid--stripes .euiDataGridRow--striped .euiDataGridRowCell__contentByHeight + .euiDataGridRowCell__expandActions {
  background-color: #F5F7FA;
}

.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover {
  background-color: #fff9e8;
}
.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover .euiDataGridRowCell__contentByHeight + .euiDataGridRowCell__expandActions {
  background-color: #fff9e8;
}

.euiDataGrid--bordersNone .euiDataGridRowCell {
  border-color: transparent !important;
}

.euiDataGrid--bordersHorizontal .euiDataGridRowCell {
  border-right-color: transparent;
  border-left-color: transparent;
}

.euiDataGrid--fontSizeSmall .euiDataGridRowCell {
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
}

.euiDataGrid--fontSizeLarge .euiDataGridRowCell {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
}

.euiDataGrid--paddingSmall .euiDataGridRowCell {
  padding: 4px;
}

.euiDataGrid--paddingLarge .euiDataGridRowCell {
  padding: 8px;
}

.euiDataGrid--fontSizeSmall.euiDataGrid--paddingSmall .euiDataGridRowCell__contentByHeight + .euiDataGridRowCell__expandActions {
  padding: 2px 0;
}
.euiDataGrid--fontSizeSmall.euiDataGrid--paddingSmall .euiDataGridRowCell__expandContent + .euiDataGridRowCell__expandActions {
  transform: translateY(1px);
}

@keyframes euiDataGridCellActionsSlideIn {
  from {
    margin-left: 0;
    width: 0;
  }
  to {
    margin-left: 6px;
    width: 12px;
  }
}
.euiDataGrid__controls {
  background: #fafbfd;
  position: relative;
  z-index: 2;
  border: 1px solid #D3DAE6;
  padding: 4px 4px 4px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.euiDataGrid__rightControls {
  white-space: nowrap;
}
.euiDataGrid__rightControls:only-child {
  margin-left: auto;
}
.euiDataGrid__rightControls > * + * {
  margin-left: 8px;
}

.euiDataGrid__leftControls > * + * {
  margin-left: 2px;
}

.euiDataGrid__controlBtn--active,
.euiDataGrid__controlBtn--active:focus {
  font-weight: 600;
}

.euiDataGrid--bordersNone .euiDataGrid__controls {
  border: none;
  background: #FFF;
}

.euiDataGrid--bordersHorizontal .euiDataGrid__controls {
  border-right: none;
  border-left: none;
  border-top: none;
  background: #FFF;
}

.euiDataGrid__controlScroll {
  scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
  scrollbar-width: thin;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
          mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
  max-height: 400px;
  padding: 8px;
  margin: -8px;
}
.euiDataGrid__controlScroll::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
.euiDataGrid__controlScroll::-webkit-scrollbar-thumb {
  background-color: rgba(105, 112, 125, 0.5);
  background-clip: content-box;
  border-radius: 16px;
  border: 6px solid transparent;
}
.euiDataGrid__controlScroll::-webkit-scrollbar-corner, .euiDataGrid__controlScroll::-webkit-scrollbar-track {
  background-color: transparent;
}
.euiDataGrid__controlScroll:focus {
  outline: none; /* 1 */
}
.euiDataGrid__controlScroll[tabindex="0"]:focus:focus-visible {
  outline-style: auto; /* 2 */
}

.euiDataGridColumnSelector__item {
  padding: 4px;
}
.euiDataGridColumnSelector__item-isDragging {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 3.6px 13px rgba(0, 0, 0, 0.07), 0 8.4px 23px rgba(0, 0, 0, 0.06), 0 23px 35px rgba(0, 0, 0, 0.05);
  background: #FFF;
}

.euiDataGridColumnSelector__columnList {
  scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
  scrollbar-width: thin;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
          mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
  max-height: 400px;
  margin: 0 -8px;
}
.euiDataGridColumnSelector__columnList::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
.euiDataGridColumnSelector__columnList::-webkit-scrollbar-thumb {
  background-color: rgba(105, 112, 125, 0.5);
  background-clip: content-box;
  border-radius: 16px;
  border: 6px solid transparent;
}
.euiDataGridColumnSelector__columnList::-webkit-scrollbar-corner, .euiDataGridColumnSelector__columnList::-webkit-scrollbar-track {
  background-color: transparent;
}
.euiDataGridColumnSelector__columnList:focus {
  outline: none; /* 1 */
}
.euiDataGridColumnSelector__columnList[tabindex="0"]:focus:focus-visible {
  outline-style: auto; /* 2 */
}

.euiDataGridColumnSelector__itemLabel {
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
}

.euiDataGridColumnSorting__item-isDragging {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 3.6px 13px rgba(0, 0, 0, 0.07), 0 8.4px 23px rgba(0, 0, 0, 0.06), 0 23px 35px rgba(0, 0, 0, 0.05);
  background: #FFF;
}

.euiDataGridColumnSorting__fieldList {
  scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
  scrollbar-width: thin;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
          mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
  padding-top: 4px;
  padding-bottom: 4px;
  max-height: 300px;
}
.euiDataGridColumnSorting__fieldList::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
.euiDataGridColumnSorting__fieldList::-webkit-scrollbar-thumb {
  background-color: rgba(105, 112, 125, 0.5);
  background-clip: content-box;
  border-radius: 16px;
  border: 6px solid transparent;
}
.euiDataGridColumnSorting__fieldList::-webkit-scrollbar-corner, .euiDataGridColumnSorting__fieldList::-webkit-scrollbar-track {
  background-color: transparent;
}
.euiDataGridColumnSorting__fieldList:focus {
  outline: none; /* 1 */
}
.euiDataGridColumnSorting__fieldList[tabindex="0"]:focus:focus-visible {
  outline-style: auto; /* 2 */
}

.euiDataGridColumnSorting__field {
  display: block;
  padding: 4px 8px;
  width: 100%;
  outline-offset: -2px;
}
.euiDataGridColumnSorting__field:hover {
  cursor: pointer;
  text-decoration: underline;
}
.euiDataGridColumnSorting__field:focus {
  cursor: pointer;
  text-decoration: underline;
  background-color: rgba(0, 119, 204, 0.1);
}
.euiDataGridColumnSorting__field:disabled {
  cursor: not-allowed;
  text-decoration: none;
  color: #ABB4C4;
}

.euiDataGridColumnSorting__name {
  padding-right: 24px;
}
@media only screen and (max-width: 574px) {
  .euiDataGridColumnSorting__name {
    padding-right: 4px;
  }
}
@media only screen and (min-width: 575px) and (max-width: 767px) {
  .euiDataGridColumnSorting__name {
    padding-right: 4px;
  }
}

.euiDataGridColumnSorting__order {
  min-width: 200px;
}
@media only screen and (max-width: 574px) {
  .euiDataGridColumnSorting__order {
    min-width: 0;
    min-width: initial;
  }
}
@media only screen and (min-width: 575px) and (max-width: 767px) {
  .euiDataGridColumnSorting__order {
    min-width: 0;
    min-width: initial;
  }
}
.euiDataGridColumnSorting__order .euiButtonGroup__buttons {
  border: none;
}
.euiDataGridColumnSorting__order .euiButtonGroupButton {
  font-size: 12px;
}

.euiDataGrid__displayPopoverPanel {
  width: 416px;
}

.euiDataGrid__keyboardShortcuts {
  display: block;
  max-inline-size: 400px;
  max-block-size: 80vh;
  overflow-y: auto;
  overflow-block: auto;
}
.euiDataGrid__keyboardShortcuts .euiDescriptionList .euiDescriptionList__title {
  width: 25%;
}
.euiDataGrid__keyboardShortcuts .euiDescriptionList .euiDescriptionList__description {
  width: 75%;
}

.euiDraggable.euiDraggable--isDragging {
  z-index: 9000 !important;
}
.euiDraggable.euiDraggable--hasClone:not(.euiDraggable--isDragging) {
  transform: none !important;
}
.euiDraggable.euiDraggable--withoutDropAnimation {
  transition-duration: 0.001s !important;
}
.euiDraggable:focus > .euiDraggable__item, .euiDraggable.euiDraggable--hasCustomDragHandle > .euiDraggable__item [data-react-beautiful-dnd-drag-handle]:focus {
  outline: 2px solid currentColor;
}
.euiDraggable:focus > .euiDraggable__item:focus-visible, .euiDraggable.euiDraggable--hasCustomDragHandle > .euiDraggable__item [data-react-beautiful-dnd-drag-handle]:focus:focus-visible {
  outline-style: auto;
}
.euiDraggable:focus > .euiDraggable__item:not(:focus-visible), .euiDraggable.euiDraggable--hasCustomDragHandle > .euiDraggable__item [data-react-beautiful-dnd-drag-handle]:focus:not(:focus-visible) {
  outline: none;
}
.euiDraggable .euiDraggable__item.euiDraggable__item--isDisabled {
  cursor: not-allowed;
}
.euiDraggable--s {
  padding: 2px;
}

.euiDraggable--m {
  padding: 4px;
}

.euiDraggable--l {
  padding: 8px;
}

.euiDroppable {
  transition: background-color 500ms ease;
}
.euiDroppable.euiDroppable--isDraggingType:not(.euiDroppable--isDisabled) {
  background-color: rgba(0, 191, 179, 0.1);
}
.euiDroppable.euiDroppable--isDraggingType:not(.euiDroppable--isDisabled).euiDroppable--isDraggingOver {
  background-color: rgba(0, 191, 179, 0.25);
}
.euiDroppable .euiDroppable__placeholder.euiDroppable__placeholder--isHidden {
  display: none !important;
}

.euiDroppable--withPanel {
  flex-grow: 1;
}
.euiDroppable--withPanel.euiDroppable--withPanel--flexGrowZero {
  flex-grow: 0;
}
.euiDroppable--withPanel.euiDroppable--withPanel--hasShadow {
  box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.08), 0 2.6px 8px -1px rgba(0, 0, 0, 0.06), 0 5.7px 12px -1px rgba(0, 0, 0, 0.05), 0 15px 15px -1px rgba(0, 0, 0, 0.04);
}
.euiDroppable--withPanel.euiDroppable--withPanel--hasBorder {
  border: 1px solid #D3DAE6;
  box-shadow: none;
}
.euiDroppable--withPanel.euiDroppable--withPanel--isClickable {
  transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.euiDroppable--withPanel.euiDroppable--withPanel--isClickable:enabled {
  display: block;
  width: 100%;
  text-align: left;
}
.euiDroppable--withPanel.euiDroppable--withPanel--isClickable:hover, .euiDroppable--withPanel.euiDroppable--withPanel--isClickable:focus {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 3.6px 13px rgba(0, 0, 0, 0.07), 0 8.4px 23px rgba(0, 0, 0, 0.06), 0 23px 35px rgba(0, 0, 0, 0.05);
  transform: translateY(-2px);
  cursor: pointer;
}
.euiDroppable--withPanel.euiDroppable--withPanel--borderRadiusNone {
  border-radius: 0;
}
.euiDroppable--withPanel.euiDroppable--withPanel--borderRadiusMedium {
  border-radius: 6px;
}
.euiDroppable--withPanel.euiDroppable--withPanel--transparent {
  background-color: transparent;
}
.euiDroppable--withPanel.euiDroppable--withPanel--plain {
  background-color: #FFF;
}
.euiDroppable--withPanel.euiDroppable--withPanel--subdued {
  background-color: #fafbfd;
}
.euiDroppable--withPanel.euiDroppable--withPanel--accent {
  background-color: #feedf5;
}
.euiDroppable--withPanel.euiDroppable--withPanel--primary {
  background-color: #e6f1fa;
}
.euiDroppable--withPanel.euiDroppable--withPanel--success {
  background-color: #e6f9f7;
}
.euiDroppable--withPanel.euiDroppable--withPanel--warning {
  background-color: #fff9e8;
}
.euiDroppable--withPanel.euiDroppable--withPanel--danger {
  background-color: #f8e9e9;
}

.euiDroppable--withPanel {
  box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.08), 0 2.6px 8px -1px rgba(0, 0, 0, 0.06), 0 5.7px 12px -1px rgba(0, 0, 0, 0.05), 0 15px 15px -1px rgba(0, 0, 0, 0.04);
  border-radius: 6px;
}

.euiDroppable--noGrow {
  flex-grow: 0;
}

.euiDroppable--grow {
  flex-grow: 1;
}

.euiDroppable--s {
  padding: 2px;
}

.euiDroppable--m {
  padding: 4px;
}

.euiDroppable--l {
  padding: 8px;
}

.euiEmptyPrompt {
  text-align: center;
  margin: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .euiEmptyPrompt {
    max-width: -webkit-max-content;
    max-width: max-content;
  }
}
@media only screen and (min-width: 1200px) {
  .euiEmptyPrompt {
    max-width: -webkit-max-content;
    max-width: max-content;
  }
}
.euiEmptyPrompt .euiEmptyPrompt__icon > * {
  flex-shrink: 1;
  max-width: 25.7142857143rem;
}
.euiEmptyPrompt.euiPanel--transparent .euiEmptyPrompt__footer {
  background-color: #fafbfd;
}
.euiEmptyPrompt.euiPanel--transparent:not(.euiPanel--hasBorder) .euiEmptyPrompt__footer {
  border-radius: 6px;
}
.euiEmptyPrompt.euiPanel--transparent.euiPanel--hasBorder .euiEmptyPrompt__footer {
  border-radius: 0 0 6px 6px;
}
.euiEmptyPrompt.euiPanel--plain .euiEmptyPrompt__footer {
  background-color: #fafbfd;
  border-radius: 0 0 6px 6px;
}
.euiEmptyPrompt.euiPanel--subdued .euiEmptyPrompt__footer {
  border-top: 1px solid #D3DAE6;
  border-radius: 0 0 6px 6px;
}
.euiEmptyPrompt.euiPanel--accent .euiEmptyPrompt__footer {
  border-top: 1px solid #fbbdda;
  border-radius: 0 0 6px 6px;
}
.euiEmptyPrompt.euiPanel--primary .euiEmptyPrompt__footer {
  border-top: 1px solid #bcd9f2;
  border-radius: 0 0 6px 6px;
}
.euiEmptyPrompt.euiPanel--success .euiEmptyPrompt__footer {
  border-top: 1px solid #bdefea;
  border-radius: 0 0 6px 6px;
}
.euiEmptyPrompt.euiPanel--warning .euiEmptyPrompt__footer {
  border-top: 1px solid #ffecb5;
  border-radius: 0 0 6px 6px;
}
.euiEmptyPrompt.euiPanel--danger .euiEmptyPrompt__footer {
  border-top: 1px solid #ecc2c2;
  border-radius: 0 0 6px 6px;
}

.euiEmptyPrompt--vertical .euiEmptyPrompt__main {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.euiEmptyPrompt--vertical .euiEmptyPrompt__contentInner {
  max-width: 36em;
  margin: auto;
}
.euiEmptyPrompt--vertical .euiEmptyPrompt__icon {
  margin-bottom: 16px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .euiEmptyPrompt--horizontal {
    justify-content: flex-start;
    text-align: left;
  }
}
@media only screen and (min-width: 1200px) {
  .euiEmptyPrompt--horizontal {
    justify-content: flex-start;
    text-align: left;
  }
}
.euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 1200px) {
  .euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
    flex-direction: row-reverse;
  }
}
.euiEmptyPrompt--horizontal .euiEmptyPrompt__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .euiEmptyPrompt--horizontal .euiEmptyPrompt__icon {
    min-width: 40%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  .euiEmptyPrompt--horizontal .euiEmptyPrompt__icon {
    min-width: 40%;
    max-width: 50%;
  }
}
.euiEmptyPrompt--horizontal .euiEmptyPrompt__content {
  max-width: 36em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .euiEmptyPrompt--horizontal .euiEmptyPrompt__content {
    padding: 24px 0;
  }
}
@media only screen and (min-width: 1200px) {
  .euiEmptyPrompt--horizontal .euiEmptyPrompt__content {
    padding: 24px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .euiEmptyPrompt--horizontal .euiEmptyPrompt__actions {
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 1200px) {
  .euiEmptyPrompt--horizontal .euiEmptyPrompt__actions {
    justify-content: flex-start;
  }
}

.euiEmptyPrompt--paddingSmall .euiEmptyPrompt__main,
.euiEmptyPrompt--paddingSmall .euiEmptyPrompt__footer {
  padding: 8px;
}
.euiEmptyPrompt--paddingSmall.euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
  gap: 8px;
}

.euiEmptyPrompt--paddingMedium .euiEmptyPrompt__main,
.euiEmptyPrompt--paddingMedium .euiEmptyPrompt__footer {
  padding: 16px;
}
.euiEmptyPrompt--paddingMedium.euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
  gap: 16px;
}

.euiEmptyPrompt--paddingLarge .euiEmptyPrompt__main,
.euiEmptyPrompt--paddingLarge .euiEmptyPrompt__footer {
  padding: 24px;
}
.euiEmptyPrompt--paddingLarge.euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
  gap: 24px;
}

.euiFilterGroup {
  display: inline-flex;
  max-width: 100%;
  border-right: 1px solid rgba(17, 42, 134, 0.1);
  box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.2), 0 3px 3px -2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.euiFilterGroup > * {
  flex: 1 1 auto;
  min-width: 48px;
}
.euiFilterGroup > .euiFilterButton--noGrow {
  flex-grow: 0;
}
.euiFilterGroup > .euiFilterButton-hasNotification {
  min-width: 96px;
}
.euiFilterGroup > .euiFilterButton--hasIcon {
  min-width: 128px;
}
.euiFilterGroup .euiPopover__anchor {
  display: block;
}
.euiFilterGroup .euiPopover__anchor .euiFilterButton {
  width: 100%;
}

.euiFilterGroup--fullWidth {
  display: flex;
}

.euiFilterGroup__popoverPanel {
  width: 288px;
}

@media only screen and (max-width: 574px) {
  .euiFilterGroup {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 575px) and (max-width: 767px) {
  .euiFilterGroup {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 574px) {
  .euiFilterGroup {
    display: flex;
  }
  .euiFilterGroup .euiFilterButton {
    flex-grow: 1 !important;
  }
}
.euiFilterButton {
  background-color: #fbfcfd;
  height: 40px;
  width: auto;
  border: 1px solid rgba(17, 42, 134, 0.1);
  border-right: none;
  font-size: 14px;
}
.euiFilterButton:disabled {
  color: #ABB4C4;
  pointer-events: none;
}
.euiFilterButton:disabled .euiFilterButton__notification {
  opacity: 0.5;
}
.euiFilterButton:hover:not(:disabled), .euiFilterButton:focus:not(:disabled) {
  text-decoration: none;
}
.euiFilterButton:hover:not(:disabled) .euiFilterButton__textShift, .euiFilterButton:focus:not(:disabled) .euiFilterButton__textShift {
  text-decoration: underline;
}

.euiFilterButton-hasActiveFilters {
  font-weight: 700;
}

.euiFilterButton--hasIcon .euiButtonEmpty__content {
  justify-content: space-between;
}

.euiFilterButton--withNext + .euiFilterButton {
  margin-left: -4px;
  border-left: none;
}

.euiFilterButton-isSelected {
  background-color: #F5F7FA;
}

.euiFilterButton__text-hasNotification {
  display: flex;
  align-items: center;
}

.euiFilterButton__notification {
  margin-left: 8px;
  vertical-align: text-bottom;
}

.euiFilterButton__textShift {
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  min-width: 48px;
}
.euiFilterButton__textShift::after {
  display: block;
  content: attr(data-text);
  font-weight: 700;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.euiFilterSelectItem {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
  padding: 4px 12px;
  display: block;
  width: 100%;
  text-align: left;
  color: #343741;
  border-bottom: 1px solid #D3DAE6;
  border-color: #eef2f7;
  outline-offset: -2px;
}
.euiFilterSelectItem:hover {
  cursor: pointer;
  text-decoration: underline;
}
.euiFilterSelectItem:focus {
  cursor: pointer;
  text-decoration: underline;
  background-color: rgba(0, 119, 204, 0.1);
}
.euiFilterSelectItem:disabled {
  cursor: not-allowed;
  text-decoration: none;
  color: #ABB4C4;
}
.euiFilterSelectItem:focus, .euiFilterSelectItem-isFocused {
  background-color: rgba(0, 119, 204, 0.1);
  color: #07C;
}

.euiFilterSelectItem__content {
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.euiFilterSelect__items {
  scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
  scrollbar-width: thin;
  overflow-y: auto;
  max-height: 480px;
}
.euiFilterSelect__items::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
.euiFilterSelect__items::-webkit-scrollbar-thumb {
  background-color: rgba(105, 112, 125, 0.5);
  background-clip: content-box;
  border-radius: 16px;
  border: 6px solid transparent;
}
.euiFilterSelect__items::-webkit-scrollbar-corner, .euiFilterSelect__items::-webkit-scrollbar-track {
  background-color: transparent;
}

.euiFilterSelect__note {
  height: 64px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.euiFilterSelect__noteContent {
  color: #69707D;
  font-size: 14px;
}

/**
  * 1. Float above the visual radio and match its dimension, so that when users try to click it
  *    they actually click this input.
  */
.euiCheckbox {
  position: relative;
}
.euiCheckbox .euiCheckbox__input {
  width: 16px;
  height: 16px;
  top: 3px;
  cursor: pointer;
  position: absolute; /* 1 */
  opacity: 0; /* 1 */
  z-index: 1; /* 1 */
}
.euiCheckbox .euiCheckbox__input ~ .euiCheckbox__label {
  display: inline-block;
  padding-left: 24px;
  line-height: 24px;
  font-size: 14px;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.euiCheckbox .euiCheckbox__input + .euiCheckbox__square {
  padding: 7px;
  border: 1px solid #c9cbcd;
  background: #FFF no-repeat center;
  border-radius: 4px;
  transition: background-color 150ms ease-in, border-color 150ms ease-in;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 3px;
}
.euiCheckbox .euiCheckbox__input:checked + .euiCheckbox__square {
  border-color: #07C;
  background-color: #07C;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%278%27 viewBox=%270 0 10 8%27%3E%3Cpath d=%27M.375 2.625L3.375 5.625M3.375 5.625L8.625.375%27 fill=%27none%27 fill-rule=%27evenodd%27 stroke=%27rgb%28255, 255, 255%29%27 stroke-linecap=%27round%27 stroke-width=%271.5%27 transform=%27translate%28.5 1%29%27/%3E%3C/svg%3E");
}
.euiCheckbox .euiCheckbox__input:indeterminate + .euiCheckbox__square {
  border-color: #07C;
  background-color: #07C;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%276%27 height=%276%27 viewBox=%270 0 6 6%27%3E%3Crect width=%276%27 height=%276%27 fill=%27rgb%28255, 255, 255%29%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E");
}
.euiCheckbox .euiCheckbox__input[disabled] {
  cursor: not-allowed !important;
}
.euiCheckbox .euiCheckbox__input[disabled] ~ .euiCheckbox__label {
  color: #98A2B3;
  cursor: not-allowed !important;
}
.euiCheckbox .euiCheckbox__input[disabled] + .euiCheckbox__square {
  border-color: #D3DAE6;
  background-color: #D3DAE6;
  box-shadow: none;
}
.euiCheckbox .euiCheckbox__input:checked[disabled] + .euiCheckbox__square {
  border-color: #D3DAE6;
  background-color: #D3DAE6;
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%278%27 viewBox=%270 0 10 8%27%3E%3Cpath d=%27M.375 2.625L3.375 5.625M3.375 5.625L8.625.375%27 fill=%27none%27 fill-rule=%27evenodd%27 stroke=%27rgb%2894, 100, 111%29%27 stroke-linecap=%27round%27 stroke-width=%271.5%27 transform=%27translate%28.5 1%29%27/%3E%3C/svg%3E");
}
.euiCheckbox .euiCheckbox__input:indeterminate[disabled] + .euiCheckbox__square {
  border-color: #D3DAE6;
  background-color: #D3DAE6;
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%276%27 height=%276%27 viewBox=%270 0 6 6%27%3E%3Crect width=%276%27 height=%276%27 fill=%27rgb%2894, 100, 111%29%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E");
}
.euiCheckbox .euiCheckbox__input:focus + .euiCheckbox__square {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  border-color: #07C;
}
.euiCheckbox .euiCheckbox__input:focus + .euiCheckbox__square:focus-visible {
  outline-style: auto;
}
.euiCheckbox .euiCheckbox__input:focus + .euiCheckbox__square:not(:focus-visible) {
  outline: none;
}
.euiCheckbox.euiCheckbox--inList, .euiCheckbox.euiCheckbox--noLabel {
  min-height: 16px;
  min-width: 16px;
}
.euiCheckbox.euiCheckbox--inList .euiCheckbox__input,
.euiCheckbox.euiCheckbox--inList .euiCheckbox__square, .euiCheckbox.euiCheckbox--noLabel .euiCheckbox__input,
.euiCheckbox.euiCheckbox--noLabel .euiCheckbox__square {
  top: 0;
}
.euiCheckbox.euiCheckbox--inList .euiCheckbox__input, .euiCheckbox.euiCheckbox--noLabel .euiCheckbox__input {
  margin: 0;
}

.euiCheckboxGroup__item + .euiCheckboxGroup__item {
  margin-top: 4px;
}
.euiCheckboxGroup__item + .euiCheckboxGroup__item.euiCheckbox--compressed {
  margin-top: 0;
}

.euiDescribedFormGroup {
  max-width: 800px;
}
.euiDescribedFormGroup + * {
  margin-top: 24px;
}
.euiDescribedFormGroup.euiDescribedFormGroup--fullWidth {
  max-width: 100%;
}
.euiDescribedFormGroup .euiDescribedFormGroup__description {
  padding-top: 8px;
}
.euiDescribedFormGroup .euiDescribedFormGroup__fields {
  min-width: 0;
}
.euiDescribedFormGroup .euiDescribedFormGroup__fields > .euiFormRow--hasEmptyLabelSpace:first-child,
.euiDescribedFormGroup .euiDescribedFormGroup__fields > .euiFormRow:first-child:not(.euiFormRow--hasLabel) {
  margin-top: 0;
}
.euiDescribedFormGroup .euiDescribedFormGroup__fields > .euiFormRow--hasEmptyLabelSpace:first-child::before,
.euiDescribedFormGroup .euiDescribedFormGroup__fields > .euiFormRow:first-child:not(.euiFormRow--hasLabel)::before {
  content: "";
}

.euiDescribedFormGroup__descriptionColumn {
  min-width: min(20rem, 50%);
}

.euiFieldNumber {
  max-width: 400px;
  width: 100%;
  height: 40px;
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  letter-spacing: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-kerning: normal;
          font-feature-settings: "kern";
          font-kerning: normal;
  font-size: 14px;
  color: #343741;
  border: none;
  border-radius: 6px;
  padding: 12px;
}
.euiFieldNumber--fullWidth {
  max-width: 100%;
}
.euiFieldNumber--compressed {
  height: 32px;
}
.euiFieldNumber--inGroup {
  height: 100%;
}
@supports (-moz-appearance: none) {
  .euiFieldNumber {
    transition-property: box-shadow, background-image, background-size;
  }
}
.euiFieldNumber::placeholder {
  color: #69707D;
  opacity: 1;
}
.euiFieldNumber:invalid {
  background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
  background-size: 100%;
}
.euiFieldNumber:focus {
  background-color: white;
  background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
  background-size: 100% 100%;
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldNumber:disabled {
  color: #98A2B3;
  -webkit-text-fill-color: #98A2B3;
  cursor: not-allowed;
  background: #eef2f7;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldNumber:disabled::placeholder {
  color: #98A2B3;
  opacity: 1;
}
.euiFieldNumber[readOnly] {
  cursor: default;
  color: #343741;
  -webkit-text-fill-color: #343741;
  background: #FFF;
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldNumber:-webkit-autofill {
  -webkit-text-fill-color: #343741;
}
.euiFieldNumber:-webkit-autofill ~ .euiFormControlLayoutIcons {
  color: #343741;
}
.euiFieldNumber--compressed {
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  padding: 8px;
  border-radius: 4px;
}
@supports (-moz-appearance: none) {
  .euiFieldNumber--compressed {
    transition-property: box-shadow, background-image, background-size;
  }
}
.euiFieldNumber--compressed:invalid {
  background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
  background-size: 100%;
}
.euiFieldNumber--compressed:focus {
  background-color: white;
  background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
  background-size: 100% 100%;
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldNumber--compressed:disabled {
  color: #98A2B3;
  -webkit-text-fill-color: #98A2B3;
  cursor: not-allowed;
  background: #eef2f7;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldNumber--compressed:disabled::placeholder {
  color: #98A2B3;
  opacity: 1;
}
.euiFieldNumber--compressed[readOnly] {
  cursor: default;
  color: #343741;
  -webkit-text-fill-color: #343741;
  background: #FFF;
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldNumber--inGroup {
  box-shadow: none !important;
  border-radius: 0;
}
.euiFieldNumber--withIcon {
  padding-left: 40px;
}

.euiFieldNumber--withIcon.euiFieldNumber--compressed {
  padding-left: 32px;
}

.euiFieldPassword {
  max-width: 400px;
  width: 100%;
  height: 40px;
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  letter-spacing: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-kerning: normal;
          font-feature-settings: "kern";
          font-kerning: normal;
  font-size: 14px;
  color: #343741;
  border: none;
  border-radius: 6px;
  padding: 12px;
  padding-left: 40px;
}
.euiFieldPassword--fullWidth {
  max-width: 100%;
}
.euiFieldPassword--compressed {
  height: 32px;
}
.euiFieldPassword--inGroup {
  height: 100%;
}
@supports (-moz-appearance: none) {
  .euiFieldPassword {
    transition-property: box-shadow, background-image, background-size;
  }
}
.euiFieldPassword::placeholder {
  color: #69707D;
  opacity: 1;
}
.euiFieldPassword:invalid {
  background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
  background-size: 100%;
}
.euiFieldPassword:focus {
  background-color: white;
  background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
  background-size: 100% 100%;
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldPassword:disabled {
  color: #98A2B3;
  -webkit-text-fill-color: #98A2B3;
  cursor: not-allowed;
  background: #eef2f7;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldPassword:disabled::placeholder {
  color: #98A2B3;
  opacity: 1;
}
.euiFieldPassword[readOnly] {
  cursor: default;
  color: #343741;
  -webkit-text-fill-color: #343741;
  background: #FFF;
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldPassword:-webkit-autofill {
  -webkit-text-fill-color: #343741;
}
.euiFieldPassword:-webkit-autofill ~ .euiFormControlLayoutIcons {
  color: #343741;
}
.euiFieldPassword--compressed {
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  padding: 8px;
  border-radius: 4px;
}
@supports (-moz-appearance: none) {
  .euiFieldPassword--compressed {
    transition-property: box-shadow, background-image, background-size;
  }
}
.euiFieldPassword--compressed:invalid {
  background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
  background-size: 100%;
}
.euiFieldPassword--compressed:focus {
  background-color: white;
  background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
  background-size: 100% 100%;
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldPassword--compressed:disabled {
  color: #98A2B3;
  -webkit-text-fill-color: #98A2B3;
  cursor: not-allowed;
  background: #eef2f7;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldPassword--compressed:disabled::placeholder {
  color: #98A2B3;
  opacity: 1;
}
.euiFieldPassword--compressed[readOnly] {
  cursor: default;
  color: #343741;
  -webkit-text-fill-color: #343741;
  background: #FFF;
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldPassword--inGroup {
  box-shadow: none !important;
  border-radius: 0;
}
.euiFieldPassword.euiFieldPassword--compressed {
  padding-left: 32px;
}

.euiFieldPassword--withToggle::-ms-reveal {
  display: none;
}

/*
 * 1. Fix for Safari to ensure that it renders like a normal text input
 *    and doesn't add extra spacing around text
*/
.euiFieldSearch {
  max-width: 400px;
  width: 100%;
  height: 40px;
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  letter-spacing: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-kerning: normal;
          font-feature-settings: "kern";
          font-kerning: normal;
  font-size: 14px;
  color: #343741;
  border: none;
  border-radius: 6px;
  padding: 12px;
  padding-left: 40px;
  -webkit-appearance: textfield; /* 1 */
}
.euiFieldSearch--fullWidth {
  max-width: 100%;
}
.euiFieldSearch--compressed {
  height: 32px;
}
.euiFieldSearch--inGroup {
  height: 100%;
}
@supports (-moz-appearance: none) {
  .euiFieldSearch {
    transition-property: box-shadow, background-image, background-size;
  }
}
.euiFieldSearch::placeholder {
  color: #69707D;
  opacity: 1;
}
.euiFieldSearch:invalid {
  background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
  background-size: 100%;
}
.euiFieldSearch:focus {
  background-color: white;
  background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
  background-size: 100% 100%;
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldSearch:disabled {
  color: #98A2B3;
  -webkit-text-fill-color: #98A2B3;
  cursor: not-allowed;
  background: #eef2f7;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldSearch:disabled::placeholder {
  color: #98A2B3;
  opacity: 1;
}
.euiFieldSearch[readOnly] {
  cursor: default;
  color: #343741;
  -webkit-text-fill-color: #343741;
  background: #FFF;
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldSearch:-webkit-autofill {
  -webkit-text-fill-color: #343741;
}
.euiFieldSearch:-webkit-autofill ~ .euiFormControlLayoutIcons {
  color: #343741;
}
.euiFieldSearch--compressed {
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  padding: 8px;
  border-radius: 4px;
}
@supports (-moz-appearance: none) {
  .euiFieldSearch--compressed {
    transition-property: box-shadow, background-image, background-size;
  }
}
.euiFieldSearch--compressed:invalid {
  background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
  background-size: 100%;
}
.euiFieldSearch--compressed:focus {
  background-color: white;
  background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
  background-size: 100% 100%;
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldSearch--compressed:disabled {
  color: #98A2B3;
  -webkit-text-fill-color: #98A2B3;
  cursor: not-allowed;
  background: #eef2f7;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldSearch--compressed:disabled::placeholder {
  color: #98A2B3;
  opacity: 1;
}
.euiFieldSearch--compressed[readOnly] {
  cursor: default;
  color: #343741;
  -webkit-text-fill-color: #343741;
  background: #FFF;
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldSearch--inGroup {
  box-shadow: none !important;
  border-radius: 0;
}
.euiFieldSearch-isLoading {
  padding-right: 40px;
}

.euiFieldSearch-isLoading.euiFieldSearch--compressed {
  padding-right: 32px;
}

.euiFieldSearch::-webkit-search-decoration, .euiFieldSearch::-webkit-search-cancel-button {
  -webkit-appearance: none; /* 1, 2 */
}

.euiFieldSearch--compressed {
  padding-left: 32px;
}

.euiFieldText {
  max-width: 400px;
  width: 100%;
  height: 40px;
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  letter-spacing: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-kerning: normal;
          font-feature-settings: "kern";
          font-kerning: normal;
  font-size: 14px;
  color: #343741;
  border: none;
  border-radius: 6px;
  padding: 12px;
  /* Invalid state normally comes from :invalid, but several components
  /* like EuiDatePicker need it toggled through an extra class.
  */
}
.euiFieldText--fullWidth {
  max-width: 100%;
}
.euiFieldText--compressed {
  height: 32px;
}
.euiFieldText--inGroup {
  height: 100%;
}
@supports (-moz-appearance: none) {
  .euiFieldText {
    transition-property: box-shadow, background-image, background-size;
  }
}
.euiFieldText::placeholder {
  color: #69707D;
  opacity: 1;
}
.euiFieldText:invalid {
  background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
  background-size: 100%;
}
.euiFieldText:focus {
  background-color: white;
  background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
  background-size: 100% 100%;
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldText:disabled {
  color: #98A2B3;
  -webkit-text-fill-color: #98A2B3;
  cursor: not-allowed;
  background: #eef2f7;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldText:disabled::placeholder {
  color: #98A2B3;
  opacity: 1;
}
.euiFieldText[readOnly] {
  cursor: default;
  color: #343741;
  -webkit-text-fill-color: #343741;
  background: #FFF;
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldText:-webkit-autofill {
  -webkit-text-fill-color: #343741;
}
.euiFieldText:-webkit-autofill ~ .euiFormControlLayoutIcons {
  color: #343741;
}
.euiFieldText--compressed {
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  padding: 8px;
  border-radius: 4px;
}
@supports (-moz-appearance: none) {
  .euiFieldText--compressed {
    transition-property: box-shadow, background-image, background-size;
  }
}
.euiFieldText--compressed:invalid {
  background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
  background-size: 100%;
}
.euiFieldText--compressed:focus {
  background-color: white;
  background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
  background-size: 100% 100%;
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldText--compressed:disabled {
  color: #98A2B3;
  -webkit-text-fill-color: #98A2B3;
  cursor: not-allowed;
  background: #eef2f7;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldText--compressed:disabled::placeholder {
  color: #98A2B3;
  opacity: 1;
}
.euiFieldText--compressed[readOnly] {
  cursor: default;
  color: #343741;
  -webkit-text-fill-color: #343741;
  background: #FFF;
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFieldText--inGroup {
  box-shadow: none !important;
  border-radius: 0;
}
.euiFieldText--withIcon {
  padding-left: 40px;
}

.euiFieldText.euiFieldText-isInvalid {
  background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
  background-size: 100%;
}

.euiFieldText--withIcon.euiFieldText--compressed {
  padding-left: 32px;
}

/**
  * REMEMBER: --large modifiers must come last to override --compressed
  */
.euiFilePicker {
  max-width: 400px;
  width: 100%;
  height: 40px;
  position: relative;
}
.euiFilePicker--fullWidth {
  max-width: 100%;
}
.euiFilePicker--compressed {
  height: 32px;
}
.euiFilePicker--inGroup {
  height: 100%;
}
.euiFilePicker.euiFilePicker--large {
  border-radius: 6px;
  overflow: hidden;
  height: auto;
}
.euiFilePicker.euiFilePicker--large.euiFilePicker--compressed {
  border-radius: 4px;
}

.euiFilePicker__input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
}
.euiFilePicker__input:hover {
  cursor: pointer;
}
.euiFilePicker__input:hover:disabled {
  cursor: not-allowed;
}
.euiFilePicker__input:disabled {
  opacity: 0;
}
.euiFilePicker__input:disabled ~ .euiFilePicker__prompt {
  color: #98A2B3;
}

.euiFilePicker__icon {
  position: absolute;
  left: 12px;
  top: 12px;
  transition: transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.euiFilePicker--compressed .euiFilePicker__icon {
  top: 8px;
  left: 8px;
}
.euiFilePicker--large .euiFilePicker__icon {
  position: static;
  margin-bottom: 16px;
}

/**
  * 1. Don't block the user from dropping files onto the filepicker.
  * 2. Ensure space for import icon, loading spinner, and clear button (only if it has files)
  * 4. Static height so that it doesn't shift its surrounding contents around
  */
.euiFilePicker__prompt {
  padding-left: 40px;
  /* 2 */
  height: 40px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  pointer-events: none; /* 1 */
  border: 2px dashed #D3DAE6;
  border-radius: 6px;
  transition: border-color 150ms ease-in, background-color 150ms ease-in;
}
.euiFilePicker--compressed .euiFilePicker__prompt {
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  padding: 8px;
  border-radius: 4px;
  padding-left: 32px;
  /* 2 */
  height: 32px;
  border-radius: 4px;
  box-shadow: none;
}
@supports (-moz-appearance: none) {
  .euiFilePicker--compressed .euiFilePicker__prompt {
    transition-property: box-shadow, background-image, background-size;
  }
}
.euiFilePicker--large .euiFilePicker__prompt {
  height: 128px; /* 4 */
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.euiFilePicker--large.euiFilePicker--compressed .euiFilePicker__prompt {
  height: 104px; /* 4 */
}
.euiFilePicker-isInvalid .euiFilePicker__prompt {
  border: 2px dashed #BD271E;
}

.euiFilePicker__promptText {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 16px;
}
.euiFilePicker:not(.euiFilePicker--large):not(.euiFilePicker-hasFiles) .euiFilePicker__promptText {
  color: #0071c2;
}
.euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__promptText {
  margin-top: -2px;
}

.euiFilePicker__clearButton,
.euiFilePicker__loadingSpinner {
  position: absolute;
  right: 12px;
  top: 12px;
}
.euiFilePicker--compressed .euiFilePicker__clearButton,
.euiFilePicker--compressed .euiFilePicker__loadingSpinner {
  top: 8px;
}

/**
  * 1. Undo the pointer-events: none applied to the enclosing prompt.
  */
.euiFilePicker__clearButton {
  pointer-events: auto; /* 1 */
}
.euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton {
  width: 16px;
  height: 16px;
  pointer-events: all;
  background-color: #98A2B3;
  border-radius: 16px;
  line-height: 0;
}
.euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton:focus {
  outline: 2px solid currentColor;
}
.euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton:focus:focus-visible {
  outline-style: auto;
}
.euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton:focus:not(:focus-visible) {
  outline: none;
}
.euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton .euiFilePicker__clearIcon {
  width: 8px;
  height: 8px;
  fill: #FFF;
  stroke: #FFF;
  stroke-width: 2px;
}
.euiFilePicker--large .euiFilePicker__clearButton {
  position: relative;
  top: 0;
  right: 0;
}

.euiFilePicker__showDrop .euiFilePicker__prompt,
.euiFilePicker__input:focus + .euiFilePicker__prompt {
  border-color: #07C;
}

.euiFilePicker__input:disabled + .euiFilePicker__prompt {
  color: #98A2B3;
  -webkit-text-fill-color: #98A2B3;
  cursor: not-allowed;
  background: #eef2f7;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  box-shadow: none;
}
.euiFilePicker__input:disabled + .euiFilePicker__prompt::placeholder {
  color: #98A2B3;
  opacity: 1;
}

.euiFilePicker:not(.euiFilePicker--large).euiFilePicker-isLoading .euiFilePicker__prompt, .euiFilePicker:not(.euiFilePicker--large).euiFilePicker-hasFiles .euiFilePicker__prompt {
  padding-right: 40px;
  /* 2 */
}

.euiFilePicker-hasFiles .euiFilePicker__promptText {
  color: #343741;
}

.euiFilePicker--large .euiFilePicker__input:hover:not(:disabled) + .euiFilePicker__prompt .euiFilePicker__promptText,
.euiFilePicker--large .euiFilePicker__input:focus + .euiFilePicker__prompt .euiFilePicker__promptText {
  text-decoration: underline;
}
.euiFilePicker--large .euiFilePicker__input:hover:not(:disabled) + .euiFilePicker__prompt .euiFilePicker__icon,
.euiFilePicker--large .euiFilePicker__input:focus + .euiFilePicker__prompt .euiFilePicker__icon {
  transform: scale(1.1);
}
.euiFilePicker--large.euiFilePicker__showDrop .euiFilePicker__prompt .euiFilePicker__promptText {
  text-decoration: underline;
}
.euiFilePicker--large.euiFilePicker__showDrop .euiFilePicker__prompt .euiFilePicker__icon {
  transform: scale(1.1);
}
.euiFilePicker--large.euiFilePicker-hasFiles .euiFilePicker__promptText {
  font-weight: 700;
}

.euiForm__error {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
  list-style: disc;
}

.euiForm__errors {
  margin-bottom: 16px;
}

/**
 * 1. Ensure the descenders don't get cut off
 */
.euiSelect {
  max-width: 400px;
  width: 100%;
  height: 40px;
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  letter-spacing: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-kerning: normal;
          font-feature-settings: "kern";
          font-kerning: normal;
  font-size: 14px;
  color: #343741;
  border: none;
  border-radius: 6px;
  padding: 12px;
  -webkit-appearance: none;
          appearance: none;
  line-height: 40px; /* 1 */
  padding-top: 0; /* 1 */
  padding-bottom: 0; /* 1 */
}
.euiSelect--fullWidth {
  max-width: 100%;
}
.euiSelect--compressed {
  height: 32px;
}
.euiSelect--inGroup {
  height: 100%;
}
@supports (-moz-appearance: none) {
  .euiSelect {
    transition-property: box-shadow, background-image, background-size;
  }
}
.euiSelect::placeholder {
  color: #69707D;
  opacity: 1;
}
.euiSelect:invalid {
  background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
  background-size: 100%;
}
.euiSelect:focus {
  background-color: white;
  background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
  background-size: 100% 100%;
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiSelect:disabled {
  color: #98A2B3;
  -webkit-text-fill-color: #98A2B3;
  cursor: not-allowed;
  background: #eef2f7;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiSelect:disabled::placeholder {
  color: #98A2B3;
  opacity: 1;
}
.euiSelect[readOnly] {
  cursor: default;
  color: #343741;
  -webkit-text-fill-color: #343741;
  background: #FFF;
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiSelect:-webkit-autofill {
  -webkit-text-fill-color: #343741;
}
.euiSelect:-webkit-autofill ~ .euiFormControlLayoutIcons {
  color: #343741;
}
.euiSelect--compressed {
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  padding: 8px;
  border-radius: 4px;
}
@supports (-moz-appearance: none) {
  .euiSelect--compressed {
    transition-property: box-shadow, background-image, background-size;
  }
}
.euiSelect--compressed:invalid {
  background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
  background-size: 100%;
}
.euiSelect--compressed:focus {
  background-color: white;
  background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
  background-size: 100% 100%;
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiSelect--compressed:disabled {
  color: #98A2B3;
  -webkit-text-fill-color: #98A2B3;
  cursor: not-allowed;
  background: #eef2f7;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiSelect--compressed:disabled::placeholder {
  color: #98A2B3;
  opacity: 1;
}
.euiSelect--compressed[readOnly] {
  cursor: default;
  color: #343741;
  -webkit-text-fill-color: #343741;
  background: #FFF;
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiSelect--inGroup {
  box-shadow: none !important;
  border-radius: 0;
}
.euiSelect--compressed {
  line-height: 32px; /* 1 */
  padding-top: 0; /* 1 */
  padding-bottom: 0; /* 1 */
}
.euiSelect--inGroup {
  line-height: 38px; /* 1 */
}
.euiSelect--inGroup.euiSelect--compressed {
  line-height: 30px; /* 1 */
}
.euiSelect::-ms-expand {
  display: none;
}
.euiSelect:focus::-ms-value {
  color: #343741;
  background: transparent;
}
.euiSelect:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #343741;
}

.euiSuperSelect__listbox {
  scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
  scrollbar-width: thin;
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
}
.euiSuperSelect__listbox::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
.euiSuperSelect__listbox::-webkit-scrollbar-thumb {
  background-color: rgba(105, 112, 125, 0.5);
  background-clip: content-box;
  border-radius: 16px;
  border: 6px solid transparent;
}
.euiSuperSelect__listbox::-webkit-scrollbar-corner, .euiSuperSelect__listbox::-webkit-scrollbar-track {
  background-color: transparent;
}

.euiSuperSelect__item {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
  padding: 8px;
}
.euiSuperSelect__item:hover {
  cursor: pointer;
  text-decoration: underline;
}
.euiSuperSelect__item:focus {
  cursor: pointer;
  text-decoration: underline;
  background-color: rgba(0, 119, 204, 0.1);
}
.euiSuperSelect__item:disabled {
  cursor: not-allowed;
  text-decoration: none;
  color: #ABB4C4;
}

.euiSuperSelect__item--hasDividers:not(:last-of-type) {
  border-bottom: 1px solid #D3DAE6;
}

/**
 * 1. Ensure the descenders don't get cut off
 * 2. Makes sure the height is correct when there's no selection
 */
.euiSuperSelectControl {
  max-width: 400px;
  width: 100%;
  height: 40px;
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  letter-spacing: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-kerning: normal;
          font-feature-settings: "kern";
          font-kerning: normal;
  font-size: 14px;
  color: #343741;
  border: none;
  border-radius: 6px;
  padding: 12px;
  display: block; /* 2 */
  text-align: left;
  line-height: 40px; /* 1 */
  padding-top: 0; /* 1 */
  padding-bottom: 0; /* 1 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.euiSuperSelectControl--fullWidth {
  max-width: 100%;
}
.euiSuperSelectControl--compressed {
  height: 32px;
}
.euiSuperSelectControl--inGroup {
  height: 100%;
}
@supports (-moz-appearance: none) {
  .euiSuperSelectControl {
    transition-property: box-shadow, background-image, background-size;
  }
}
.euiSuperSelectControl::placeholder {
  color: #69707D;
  opacity: 1;
}
.euiSuperSelectControl:invalid {
  background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
  background-size: 100%;
}
.euiSuperSelectControl:focus {
  background-color: white;
  background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
  background-size: 100% 100%;
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiSuperSelectControl:disabled {
  color: #98A2B3;
  -webkit-text-fill-color: #98A2B3;
  cursor: not-allowed;
  background: #eef2f7;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiSuperSelectControl:disabled::placeholder {
  color: #98A2B3;
  opacity: 1;
}
.euiSuperSelectControl[readOnly] {
  cursor: default;
  color: #343741;
  -webkit-text-fill-color: #343741;
  background: #FFF;
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiSuperSelectControl:-webkit-autofill {
  -webkit-text-fill-color: #343741;
}
.euiSuperSelectControl:-webkit-autofill ~ .euiFormControlLayoutIcons {
  color: #343741;
}
.euiSuperSelectControl--compressed {
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  padding: 8px;
  border-radius: 4px;
}
@supports (-moz-appearance: none) {
  .euiSuperSelectControl--compressed {
    transition-property: box-shadow, background-image, background-size;
  }
}
.euiSuperSelectControl--compressed:invalid {
  background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
  background-size: 100%;
}
.euiSuperSelectControl--compressed:focus {
  background-color: white;
  background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
  background-size: 100% 100%;
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiSuperSelectControl--compressed:disabled {
  color: #98A2B3;
  -webkit-text-fill-color: #98A2B3;
  cursor: not-allowed;
  background: #eef2f7;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiSuperSelectControl--compressed:disabled::placeholder {
  color: #98A2B3;
  opacity: 1;
}
.euiSuperSelectControl--compressed[readOnly] {
  cursor: default;
  color: #343741;
  -webkit-text-fill-color: #343741;
  background: #FFF;
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiSuperSelectControl--inGroup {
  box-shadow: none !important;
  border-radius: 0;
}
.euiSuperSelectControl-isInvalid {
  background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
  background-size: 100%;
}
.euiSuperSelectControl--compressed {
  line-height: 32px; /* 1 */
  padding-top: 0; /* 1 */
  padding-bottom: 0; /* 1 */
}
.euiSuperSelectControl.euiSuperSelect--isOpen__button {
  background-color: white;
  background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
  background-size: 100% 100%;
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}

.euiFormControlLayout {
  max-width: 400px;
  width: 100%;
  height: 40px;
}
.euiFormControlLayout--fullWidth {
  max-width: 100%;
}
.euiFormControlLayout--compressed {
  height: 32px;
}
.euiFormControlLayout--inGroup {
  height: 100%;
}
.euiFormControlLayout--1icons {
  padding-right: 34px;
}
.euiFormControlLayout--1icons[class*=compressed] {
  padding-right: 26px;
}
.euiFormControlLayout--2icons {
  padding-right: 56px;
}
.euiFormControlLayout--2icons[class*=compressed] {
  padding-right: 44px;
}
.euiFormControlLayout--3icons {
  padding-right: 78px;
}
.euiFormControlLayout--3icons[class*=compressed] {
  padding-right: 62px;
}
.euiFormControlLayout--4icons {
  padding-right: 100px;
}
.euiFormControlLayout--4icons[class*=compressed] {
  padding-right: 80px;
}
.euiFormControlLayout--5icons {
  padding-right: 122px;
}
.euiFormControlLayout--5icons[class*=compressed] {
  padding-right: 98px;
}

.euiFormControlLayout__childrenWrapper {
  position: relative;
}

/**
 * 1. Account for inner box-shadow style border
 * 2. Ensure truncation works in children elements
 */
.euiFormControlLayout--group {
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  display: flex;
  align-items: stretch;
  padding: 1px; /* 1 */
}
@supports (-moz-appearance: none) {
  .euiFormControlLayout--group {
    transition-property: box-shadow, background-image, background-size;
  }
}
.euiFormControlLayout--group > *,
.euiFormControlLayout--group .euiPopover__anchor,
.euiFormControlLayout--group .euiButtonEmpty,
.euiFormControlLayout--group .euiText,
.euiFormControlLayout--group .euiFormLabel,
.euiFormControlLayout--group .euiButtonIcon {
  height: 100%;
}
.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper {
  flex-grow: 1;
  overflow: hidden; /* 2 */
}
.euiFormControlLayout--group .euiFormControlLayout__prepend,
.euiFormControlLayout--group .euiFormControlLayout__append {
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  flex-shrink: 0;
  height: 100%;
  border-radius: 0;
}
.euiFormControlLayout--group .euiFormControlLayout__prepend.euiIcon,
.euiFormControlLayout--group .euiFormControlLayout__prepend .euiIcon,
.euiFormControlLayout--group .euiFormControlLayout__append.euiIcon,
.euiFormControlLayout--group .euiFormControlLayout__append .euiIcon {
  padding: 0 8px;
  width: 32px;
  border-radius: 0;
  background-color: #e9edf3;
}
.euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonIcon, .euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonEmpty,
.euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonIcon,
.euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonEmpty,
.euiFormControlLayout--group .euiFormControlLayout__append.euiButtonIcon,
.euiFormControlLayout--group .euiFormControlLayout__append.euiButtonEmpty,
.euiFormControlLayout--group .euiFormControlLayout__append .euiButtonIcon,
.euiFormControlLayout--group .euiFormControlLayout__append .euiButtonEmpty {
  transform: none !important;
}
.euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonIcon .euiIcon, .euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonEmpty .euiIcon,
.euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonIcon .euiIcon,
.euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonEmpty .euiIcon,
.euiFormControlLayout--group .euiFormControlLayout__append.euiButtonIcon .euiIcon,
.euiFormControlLayout--group .euiFormControlLayout__append.euiButtonEmpty .euiIcon,
.euiFormControlLayout--group .euiFormControlLayout__append .euiButtonIcon .euiIcon,
.euiFormControlLayout--group .euiFormControlLayout__append .euiButtonEmpty .euiIcon {
  background: none !important;
  padding: 0;
  width: 16px;
}
.euiFormControlLayout--group .euiButtonIcon {
  padding: 0 8px;
  width: 32px;
  border-radius: 0;
}
.euiFormControlLayout--group .euiButtonIcon:not(:focus) {
  background-color: #e9edf3;
}
.euiFormControlLayout--group .euiButtonIcon:focus-visible {
  outline: 2px solid #0071c2;
  outline-offset: -2px;
}
.euiFormControlLayout--group .euiToolTipAnchor > .euiIcon {
  height: 100%;
  background-color: #e9edf3;
  padding: 0 8px;
  width: 32px;
  border-radius: 0;
}
.euiFormControlLayout--group > .euiFormControlLayout__prepend,
.euiFormControlLayout--group > .euiFormControlLayout__append {
  max-width: 50%;
}
.euiFormControlLayout--group .euiFormLabel,
.euiFormControlLayout--group .euiText {
  background-color: #e9edf3;
  padding: 12px;
  line-height: 16px !important;
  cursor: default !important;
}
.euiFormControlLayout--group .euiFormLabel + *:not(.euiFormControlLayout__childrenWrapper):not(input),
.euiFormControlLayout--group .euiText + *:not(.euiFormControlLayout__childrenWrapper):not(input) {
  margin-left: -12px;
}
.euiFormControlLayout--group > *:not(.euiFormControlLayout__childrenWrapper) + .euiFormLabel,
.euiFormControlLayout--group > *:not(.euiFormControlLayout__childrenWrapper) + .euiText {
  margin-left: -12px;
}
.euiFormControlLayout--group .euiButtonEmpty {
  border-right: none;
}
.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper ~ .euiButtonEmpty,
.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper ~ * .euiButtonEmpty {
  border-right: none;
  border-left: none;
}
.euiFormControlLayout--group.euiFormControlLayout--compressed {
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  border-radius: 3px;
  overflow: hidden;
}
@supports (-moz-appearance: none) {
  .euiFormControlLayout--group.euiFormControlLayout--compressed {
    transition-property: box-shadow, background-image, background-size;
  }
}
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormLabel,
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiText {
  padding: 8px;
}
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormLabel + *:not(.euiFormControlLayout__childrenWrapper),
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiText + *:not(.euiFormControlLayout__childrenWrapper) {
  margin-left: -8px;
}
.euiFormControlLayout--group.euiFormControlLayout--compressed > *:not(.euiFormControlLayout__childrenWrapper) + .euiFormLabel,
.euiFormControlLayout--group.euiFormControlLayout--compressed > *:not(.euiFormControlLayout__childrenWrapper) + .euiText {
  margin-left: -8px;
}
.euiFormControlLayout--group.euiFormControlLayout--readOnly {
  cursor: default;
  background: #e9edf3;
  border-color: transparent;
  box-shadow: inset 0 0 0 1px #e9edf3;
}
.euiFormControlLayout--group.euiFormControlLayout--readOnly input {
  background-color: #FFF;
}

.euiFormControlLayoutDelimited {
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  display: flex;
  align-items: stretch;
  padding: 1px; /* 1 */
}
@supports (-moz-appearance: none) {
  .euiFormControlLayoutDelimited {
    transition-property: box-shadow, background-image, background-size;
  }
}
.euiFormControlLayoutDelimited .euiFormControlLayoutDelimited__delimeter {
  background-color: #fbfcfd;
}
.euiFormControlLayoutDelimited > .euiFormControlLayout__childrenWrapper {
  display: flex;
  align-items: center;
  width: 100%;
}
.euiFormControlLayoutDelimited[class*="--compressed"] {
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  border-radius: 3px;
}
@supports (-moz-appearance: none) {
  .euiFormControlLayoutDelimited[class*="--compressed"] {
    transition-property: box-shadow, background-image, background-size;
  }
}
.euiFormControlLayoutDelimited[class*="--compressed"] .euiFormControlLayoutDelimited__input {
  height: 100%;
  max-width: none;
  padding-left: 8px;
  padding-right: 8px;
}
.euiFormControlLayoutDelimited[class*="--compressed"] .euiFormControlLayoutIcons {
  padding-left: 8px;
  padding-right: 8px;
}
.euiFormControlLayoutDelimited[class*="--fullWidth"] .euiFormControlLayout__childrenWrapper, .euiFormControlLayoutDelimited[class*="--fullWidth"] input {
  width: 100%;
  max-width: none;
}
.euiFormControlLayoutDelimited[class*=-isDisabled] {
  color: #98A2B3;
  -webkit-text-fill-color: #98A2B3;
  cursor: not-allowed;
  background: #eef2f7;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFormControlLayoutDelimited[class*=-isDisabled]::placeholder {
  color: #98A2B3;
  opacity: 1;
}
.euiFormControlLayoutDelimited[class*=-isDisabled] .euiFormControlLayoutDelimited__delimeter {
  background-color: #eef2f7;
}
.euiFormControlLayoutDelimited[class*="--readOnly"] {
  cursor: default;
  color: #343741;
  -webkit-text-fill-color: #343741;
  background: #FFF;
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiFormControlLayoutDelimited[class*="--readOnly"] input,
.euiFormControlLayoutDelimited[class*="--readOnly"] .euiFormControlLayoutDelimited__delimeter {
  background-color: #FFF;
}
.euiFormControlLayoutDelimited .euiFormControlLayoutIcons {
  position: static;
  padding-left: 12px;
  padding-right: 12px;
}
.euiFormControlLayoutDelimited .euiFormControlLayoutIcons:not(.euiFormControlLayoutIcons--right) {
  order: -1;
}

.euiFormControlLayoutDelimited__input {
  box-shadow: none !important;
  border-radius: 0 !important;
  text-align: center;
  height: 100%;
  min-width: 0;
}

.euiFormControlLayoutDelimited__delimeter {
  line-height: 1 !important;
  flex: 0 0 auto;
  padding-left: 6px;
  padding-right: 6px;
}

.euiFormControlLayoutIcons {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
  display: flex;
  align-items: center;
}
.euiFormControlLayoutIcons > * + * {
  margin-left: 6px;
}
.euiFormControlLayout--compressed .euiFormControlLayoutIcons {
  left: 8px;
}

.euiFormControlLayoutIcons--right {
  left: auto;
  right: 12px;
}
.euiFormControlLayout--compressed .euiFormControlLayoutIcons--right {
  left: auto;
  right: 8px;
}

*:disabled + .euiFormControlLayoutIcons {
  cursor: not-allowed;
  color: #98A2B3;
}

.euiFormControlLayoutClearButton {
  width: 16px;
  height: 16px;
  pointer-events: all;
  background-color: #98A2B3;
  border-radius: 16px;
  line-height: 0;
}
.euiFormControlLayoutClearButton:focus {
  outline: 2px solid currentColor;
}
.euiFormControlLayoutClearButton:focus:focus-visible {
  outline-style: auto;
}
.euiFormControlLayoutClearButton:focus:not(:focus-visible) {
  outline: none;
}
.euiFormControlLayoutClearButton .euiFormControlLayoutClearButton__icon {
  width: 8px;
  height: 8px;
  fill: #FFF;
  stroke: #FFF;
  stroke-width: 2px;
}

.euiFormControlLayoutClearButton--small {
  width: 12px;
  height: 12px;
  pointer-events: all;
  background-color: #98A2B3;
  border-radius: 12px;
  line-height: 0;
}
.euiFormControlLayoutClearButton--small:focus {
  outline: 2px solid currentColor;
}
.euiFormControlLayoutClearButton--small:focus:focus-visible {
  outline-style: auto;
}
.euiFormControlLayoutClearButton--small:focus:not(:focus-visible) {
  outline: none;
}
.euiFormControlLayoutClearButton--small .euiFormControlLayoutClearButton__icon {
  width: 6px;
  height: 6px;
  fill: #FFF;
  stroke: #FFF;
  stroke-width: 4px;
}

.euiFormControlLayoutCustomIcon {
  pointer-events: none;
  font-size: 0;
}

.euiFormControlLayoutCustomIcon--clickable {
  width: 16px;
  height: 16px;
  pointer-events: all;
}
.euiFormControlLayoutCustomIcon--clickable .euiFormControlLayoutCustomIcon__icon {
  vertical-align: baseline;
  transform: none;
}
.euiFormControlLayoutCustomIcon--clickable:focus {
  outline: 2px solid currentColor;
}
.euiFormControlLayoutCustomIcon--clickable:focus:focus-visible {
  outline-style: auto;
}
.euiFormControlLayoutCustomIcon--clickable:focus:not(:focus-visible) {
  outline: none;
}
.euiFormControlLayoutCustomIcon--clickable:disabled {
  cursor: not-allowed;
  color: #98A2B3;
}

.euiFormErrorText {
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
  padding-top: 4px;
  color: #BD271E;
}

.euiFormLegend {
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
  overflow-wrap: break-word !important;
  word-break: break-word;
  color: #1a1c21;
  font-weight: 600;
}
.euiFormLegend:not(.euiFormLegend-isHidden) {
  margin-bottom: 8px;
}
.euiFormLegend:not(.euiFormLegend-isHidden).euiFormLegend--compressed {
  margin-bottom: 4px;
}

.euiFormHelpText {
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
  padding-top: 4px;
  color: #69707D;
}

/**
 * 1. Focused state overrides invalid state.
 * 2. Disabled state overrides pointer.
 */
.euiFormLabel {
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
  overflow-wrap: break-word !important;
  word-break: break-word;
  color: #1a1c21;
  font-weight: 600;
  display: inline-block;
  transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.euiFormLabel.euiFormLabel-isInvalid {
  color: #BD271E; /* 1 */
}
.euiFormLabel.euiFormLabel-isFocused {
  color: #07C; /* 1 */
}
.euiFormLabel[for] {
  cursor: pointer; /* 2 */
}
.euiFormLabel[for].euiFormLabel-isDisabled {
  cursor: default; /* 2 */
}

/**
 * 1. Coerce inline form elements to behave as block-level elements.
 * 2. For inline forms, we need to add margin if the label doesn't exist.
 */
.euiFormRow {
  display: flex; /* 1 */
  flex-direction: column; /* 1 */
  max-width: 400px;
}
.euiFormRow + .euiFormRow,
.euiFormRow + .euiButton {
  margin-top: 16px;
}

.euiFormRow--fullWidth {
  max-width: 100%;
}

.euiFormRow--hasEmptyLabelSpace {
  margin-top: 20px; /* 2 */
  min-height: 40px;
  padding-bottom: 0;
  justify-content: center;
}

.euiFormRow__labelWrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 4px;
}

.euiFormRow--horizontal {
  flex-direction: row;
  align-items: stretch;
}
.euiFormRow--horizontal .euiFormRow__label {
  -webkit-hyphens: auto;
          hyphens: auto;
}
.euiFormRow--horizontal .euiFormRow__labelWrapper {
  display: block;
  line-height: 31px;
  width: calc(33% - 8px);
  margin-right: 8px;
  margin-bottom: 0;
}
.euiFormRow--horizontal .euiFormRow__fieldWrapper {
  width: 67%;
}
.euiFormRow--horizontal + .euiFormRow--horizontal {
  margin-top: 8px;
}
.euiFormRow--horizontal + .euiFormRow--horizontal.euiFormRow--hasSwitch {
  margin-top: 12px;
}
.euiFormRow--horizontal.euiFormRow--hasSwitch .euiFormRow__labelWrapper {
  line-height: 19px;
  width: auto;
  min-width: calc(33% - 8px);
}
.euiFormRow--horizontal.euiFormRow--hasSwitch .euiFormRow__fieldWrapper {
  width: auto;
}
.euiFormRow--horizontal.euiFormRow--hasSwitch .euiFormRow__fieldWrapper .euiSwitch--compressed {
  margin-top: 2px;
}
.euiFormRow--horizontal.euiFormRow--hasSwitch + .euiFormRow--horizontal {
  margin-top: 12px;
}

.euiFormRow__fieldWrapperDisplayOnly {
  min-height: 40px;
  display: flex;
  align-items: center;
}

.euiFormRow--compressed.euiFormRow--hasEmptyLabelSpace {
  min-height: 32px;
}
.euiFormRow--compressed .euiFormRow__fieldWrapperDisplayOnly {
  min-height: 32px;
}

/**
  * 1. Float above the visual radio and match its dimension, so that when users try to click it
  *    they actually click this input.
  */
.euiRadio {
  position: relative;
}
.euiRadio .euiRadio__input {
  width: 16px;
  height: 16px;
  top: 3px;
  cursor: pointer;
  position: absolute; /* 1 */
  opacity: 0; /* 1 */
  z-index: 1; /* 1 */
}
.euiRadio .euiRadio__input ~ .euiRadio__label {
  display: inline-block;
  padding-left: 24px;
  line-height: 24px;
  font-size: 14px;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.euiRadio .euiRadio__input + .euiRadio__circle {
  padding: 7px;
  border: 1px solid #c9cbcd;
  background: #FFF no-repeat center;
  border-radius: 14px;
  transition: background-color 150ms ease-in, border-color 150ms ease-in;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 3px;
}
.euiRadio .euiRadio__input:checked + .euiRadio__circle {
  border-color: #07C;
  background-color: #07C;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%276%27 height=%276%27 viewBox=%270 0 6 6%27%3E%3Ccircle cx=%278%27 cy=%2711%27 r=%273%27 fill=%27rgb%28255, 255, 255%29%27 fill-rule=%27evenodd%27 transform=%27translate%28-5 -8%29%27/%3E%3C/svg%3E");
}
.euiRadio .euiRadio__input[disabled] {
  cursor: not-allowed !important;
}
.euiRadio .euiRadio__input[disabled] ~ .euiRadio__label {
  color: #98A2B3;
  cursor: not-allowed !important;
}
.euiRadio .euiRadio__input[disabled] + .euiRadio__circle {
  border-color: #D3DAE6;
  background-color: #D3DAE6;
  box-shadow: none;
}
.euiRadio .euiRadio__input:checked[disabled] + .euiRadio__circle {
  border-color: #D3DAE6;
  background-color: #D3DAE6;
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%276%27 height=%276%27 viewBox=%270 0 6 6%27%3E%3Ccircle cx=%278%27 cy=%2711%27 r=%273%27 fill=%27rgb%2894, 100, 111%29%27 fill-rule=%27evenodd%27 transform=%27translate%28-5 -8%29%27/%3E%3C/svg%3E");
}
.euiRadio .euiRadio__input:focus + .euiRadio__circle {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  border-color: #07C;
}
.euiRadio .euiRadio__input:focus + .euiRadio__circle:focus-visible {
  outline-style: auto;
}
.euiRadio .euiRadio__input:focus + .euiRadio__circle:not(:focus-visible) {
  outline: none;
}
.euiRadio.euiRadio--inList, .euiRadio.euiRadio--noLabel {
  min-height: 16px;
  min-width: 16px;
}
.euiRadio.euiRadio--inList .euiRadio__input,
.euiRadio.euiRadio--inList .euiRadio__circle, .euiRadio.euiRadio--noLabel .euiRadio__input,
.euiRadio.euiRadio--noLabel .euiRadio__circle {
  top: 0;
}
.euiRadio.euiRadio--inList .euiRadio__input, .euiRadio.euiRadio--noLabel .euiRadio__input {
  margin: 0;
}

.euiRadioGroup__item + .euiRadioGroup__item {
  margin-top: 4px;
}
.euiRadioGroup__item + .euiRadioGroup__item.euiRadio--compressed {
  margin-top: 0;
}

.euiSwitch {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  min-height: 20px;
}
.euiSwitch .euiSwitch__label {
  cursor: pointer;
  padding-left: 8px;
  line-height: 20px;
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
}
.euiSwitch .euiSwitch__button {
  flex-shrink: 0;
  line-height: 0;
}
.euiSwitch .euiSwitch__button:focus .euiSwitch__track {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  border-color: #07C;
}
.euiSwitch .euiSwitch__button:focus .euiSwitch__track:focus-visible {
  outline-style: auto;
}
.euiSwitch .euiSwitch__button:focus .euiSwitch__track:not(:focus-visible) {
  outline: none;
}
.euiSwitch .euiSwitch__button:disabled:hover,
.euiSwitch .euiSwitch__button:disabled ~ .euiSwitch__label:hover {
  cursor: not-allowed;
}
.euiSwitch .euiSwitch__button:disabled .euiSwitch__body {
  background-color: rgba(152, 162, 179, 0.2);
}
.euiSwitch .euiSwitch__button:disabled .euiSwitch__thumb {
  border-color: #D3DAE6;
  background-color: #D3DAE6;
  box-shadow: none;
  background-color: rgba(152, 162, 179, 0.2);
}
.euiSwitch .euiSwitch__button:disabled .euiSwitch__icon {
  fill: #5e646f;
}
.euiSwitch .euiSwitch__button:disabled + .euiSwitch__label {
  color: #98A2B3;
}
.euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__body {
  background-color: rgba(152, 162, 179, 0.2);
}
.euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__thumb {
  left: 0;
}
.euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__icon {
  right: -8px;
}
.euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__icon.euiSwitch__icon--checked {
  right: auto;
  left: -34px;
}
.euiSwitch .euiSwitch__body {
  pointer-events: none;
  width: 44px;
  height: 20px;
  background-color: #07C;
  display: inline-block;
  position: relative;
  border-radius: 20px;
  vertical-align: middle;
}
.euiSwitch .euiSwitch__thumb {
  padding: 9px;
  border: 1px solid #c9cbcd;
  background: #FFF no-repeat center;
  border-radius: 18px;
  transition: background-color 150ms ease-in, border-color 150ms ease-in;
  position: absolute;
  display: inline-block;
  left: 24px;
  transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
}
.euiSwitch .euiSwitch__track {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  border-radius: 20px;
}
.euiSwitch .euiSwitch__icon {
  position: absolute;
  right: -34px;
  top: 2px;
  bottom: 0;
  width: 42px;
  height: 16px;
  transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), right 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  fill: #343741;
}
.euiSwitch .euiSwitch__icon--checked {
  right: auto;
  left: -8px;
  fill: #FFF;
}
.euiSwitch:hover .euiSwitch__button:not(:disabled) .euiSwitch__thumb {
  transform: scale(1.05);
}
.euiSwitch:hover .euiSwitch__button:active .euiSwitch__thumb {
  transform: scale(0.95);
}
.euiSwitch.euiSwitch--compressed {
  min-height: 16px;
}
.euiSwitch.euiSwitch--compressed .euiSwitch__label {
  line-height: 16px;
}
.euiSwitch.euiSwitch--compressed .euiSwitch__body {
  width: 28px;
  height: 16px;
  border-radius: 16px;
}
.euiSwitch.euiSwitch--compressed .euiSwitch__thumb {
  padding: 6px;
  border: 1px solid #c9cbcd;
  background: #FFF no-repeat center;
  border-radius: 12px;
  transition: background-color 150ms ease-in, border-color 150ms ease-in;
  left: 13px;
  top: 1px;
  transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
}
.euiSwitch.euiSwitch--compressed .euiSwitch__track {
  border-radius: 16px;
}
.euiSwitch.euiSwitch--mini {
  min-height: 10px;
}
.euiSwitch.euiSwitch--mini .euiSwitch__label {
  line-height: 10px;
  font-size: 12px;
}
.euiSwitch.euiSwitch--mini .euiSwitch__body {
  width: 22px;
  height: 10px;
  border-radius: 10px;
}
.euiSwitch.euiSwitch--mini .euiSwitch__thumb {
  padding: 3px;
  border: 1px solid #c9cbcd;
  background: #FFF no-repeat center;
  border-radius: 6px;
  transition: background-color 150ms ease-in, border-color 150ms ease-in;
  left: 13px;
  top: 1px;
  transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
}
.euiSwitch.euiSwitch--mini .euiSwitch__track {
  border-radius: 10px;
}
.euiSwitch.euiSwitch--compressed .euiSwitch__button[aria-checked=false] .euiSwitch__thumb, .euiSwitch.euiSwitch--mini .euiSwitch__button[aria-checked=false] .euiSwitch__thumb {
  left: 1px;
}
.euiSwitch.euiSwitch--compressed .euiSwitch__button[aria-checked=false] .euiSwitch__thumb,
.euiSwitch.euiSwitch--compressed .euiSwitch__button[aria-checked=true]:disabled .euiSwitch__thumb, .euiSwitch.euiSwitch--mini .euiSwitch__button[aria-checked=false] .euiSwitch__thumb,
.euiSwitch.euiSwitch--mini .euiSwitch__button[aria-checked=true]:disabled .euiSwitch__thumb {
  border-color: #c9cbcd;
}
.euiSwitch.euiSwitch--compressed .euiSwitch__button[aria-checked=true] .euiSwitch__thumb, .euiSwitch.euiSwitch--mini .euiSwitch__button[aria-checked=true] .euiSwitch__thumb {
  border-color: #07C;
}

.euiTextArea {
  max-width: 400px;
  width: 100%;
  height: 40px;
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  letter-spacing: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-kerning: normal;
          font-feature-settings: "kern";
          font-kerning: normal;
  font-size: 14px;
  color: #343741;
  border: none;
  border-radius: 6px;
  padding: 12px;
  line-height: 1.5;
}
.euiTextArea--fullWidth {
  max-width: 100%;
}
.euiTextArea--compressed {
  height: 32px;
}
.euiTextArea--inGroup {
  height: 100%;
}
@supports (-moz-appearance: none) {
  .euiTextArea {
    transition-property: box-shadow, background-image, background-size;
  }
}
.euiTextArea::placeholder {
  color: #69707D;
  opacity: 1;
}
.euiTextArea:invalid {
  background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
  background-size: 100%;
}
.euiTextArea:focus {
  background-color: white;
  background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
  background-size: 100% 100%;
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiTextArea:disabled {
  color: #98A2B3;
  -webkit-text-fill-color: #98A2B3;
  cursor: not-allowed;
  background: #eef2f7;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiTextArea:disabled::placeholder {
  color: #98A2B3;
  opacity: 1;
}
.euiTextArea[readOnly] {
  cursor: default;
  color: #343741;
  -webkit-text-fill-color: #343741;
  background: #FFF;
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiTextArea:-webkit-autofill {
  -webkit-text-fill-color: #343741;
}
.euiTextArea:-webkit-autofill ~ .euiFormControlLayoutIcons {
  color: #343741;
}
.euiTextArea--compressed {
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
  padding: 8px;
  border-radius: 4px;
}
@supports (-moz-appearance: none) {
  .euiTextArea--compressed {
    transition-property: box-shadow, background-image, background-size;
  }
}
.euiTextArea--compressed:invalid {
  background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
  background-size: 100%;
}
.euiTextArea--compressed:focus {
  background-color: white;
  background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
  background-size: 100% 100%;
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiTextArea--compressed:disabled {
  color: #98A2B3;
  -webkit-text-fill-color: #98A2B3;
  cursor: not-allowed;
  background: #eef2f7;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiTextArea--compressed:disabled::placeholder {
  color: #98A2B3;
  opacity: 1;
}
.euiTextArea--compressed[readOnly] {
  cursor: default;
  color: #343741;
  -webkit-text-fill-color: #343741;
  background: #FFF;
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}
.euiTextArea--inGroup {
  box-shadow: none !important;
  border-radius: 0;
}
.euiTextArea, .euiTextArea--compressed {
  height: auto;
}

.euiTextArea--resizeVertical {
  resize: vertical;
}

.euiTextArea--resizeHorizontal {
  resize: horizontal;
}

.euiTextArea--resizeBoth {
  resize: both;
}

.euiTextArea--resizeNone {
  resize: none;
}

.euiHeader {
  box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.07), 0 1.9px 4px rgba(0, 0, 0, 0.05), 0 4.5px 10px rgba(0, 0, 0, 0.05);
  height: 49px;
  position: relative;
  z-index: 999;
  display: flex;
  justify-content: space-between;
  background: #FFF;
  border-bottom: 1px solid #cdd3df;
}
.euiHeader--fixed {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.euiHeader--fixed + .euiHeader--fixed {
  top: 48px;
}

.euiHeader--dark {
  background-color: #25282f;
  border-bottom-color: #25282f;
}
.euiHeader--dark .euiHeaderLogo__text,
.euiHeader--dark .euiHeaderLink,
.euiHeader--dark .euiHeaderSectionItemButton {
  color: #FFF;
}
.euiHeader--dark .euiHeaderLink-isActive {
  color: #3a96d7;
}
.euiHeader--dark .euiHeaderSectionItem::after {
  background: #69707D;
}
.euiHeader--dark .euiHeaderLogo:focus,
.euiHeader--dark .euiHeaderLink:focus,
.euiHeader--dark .euiHeaderSectionItemButton:focus {
  background: #003c66;
}
.euiHeader--dark .euiHeaderSectionItemButton__notification--badge {
  box-shadow: 0 0 0 1px #25282f;
}
.euiHeader--dark .euiHeaderSectionItemButton__notification--dot {
  stroke: #25282f;
}

.euiHeaderProfile {
  padding: 16px;
}

.euiHeaderLinks {
  display: flex;
}

.euiHeaderLinks__list {
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.euiHeaderLinks__list--gutterXS > * {
  margin: 0 4px;
}

.euiHeaderLinks__list--gutterS > * {
  margin: 0 8px;
}

.euiHeaderLinks__list--gutterM > * {
  margin: 0 12px;
}

.euiHeaderLinks__list--gutterL > * {
  margin: 0 24px;
}

.euiHeaderLinks__mobileList .euiHeaderLink {
  display: block;
  width: 100%;
  padding: 8px;
}
.euiHeaderLinks__mobileList .euiHeaderLink > span {
  justify-content: flex-start;
}

.euiHeaderLogo {
  text-align: left;
  font-weight: 500;
  position: relative;
  height: 40px;
  line-height: 40px;
  min-width: 41px;
  padding: 0 13px 0 12px;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  white-space: nowrap;
}
.euiHeaderLogo:hover {
  text-decoration: underline;
}
.euiHeaderLogo:focus {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  text-decoration: underline;
  text-decoration-thickness: 2px !important;
}
.euiHeaderLogo:focus:focus-visible {
  outline-style: auto;
}
.euiHeaderLogo:focus:not(:focus-visible) {
  outline: none;
}
.euiHeaderLogo:focus, .euiHeaderLogo:hover {
  text-decoration: none;
}

.euiHeaderLogo__text {
  overflow-wrap: break-word !important;
  word-break: break-word;
  color: #1a1c21;
  font-size: 22px;
  font-size: 1.5714285714rem;
  line-height: 2.2857142857rem;
  font-weight: 700;
  padding-left: 16px;
  font-weight: 300;
}

@media only screen and (max-width: 574px) {
  .euiHeaderLogo {
    padding: 0 12px;
  }
  .euiHeaderLogo__icon.euiIcon--xLarge {
    width: 24px;
    height: 24px;
  }
  .euiHeaderLogo__text {
    overflow-wrap: break-word !important;
    word-break: break-word;
    color: #1a1c21;
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    font-weight: 700;
    font-weight: 400;
  }
}
.euiHeaderAlert {
  min-width: 300px;
  position: relative;
  margin-bottom: 24px;
  padding: 0 8px 24px;
  border-bottom: 1px solid #D3DAE6;
  border-top: none;
}
.euiHeaderAlert .euiHeaderAlert__dismiss {
  opacity: 0;
  position: absolute;
  right: 12px;
  top: 12px;
  transition: opacity 250ms ease-in;
}
.euiHeaderAlert:hover .euiHeaderAlert__dismiss,
.euiHeaderAlert .euiHeaderAlert__dismiss:focus {
  opacity: 1;
}
.euiHeaderAlert .euiHeaderAlert__title {
  overflow-wrap: break-word !important;
  word-break: break-word;
  color: #1a1c21;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.7142857143rem;
  font-weight: 700;
  margin-bottom: 8px;
}
.euiHeaderAlert .euiHeaderAlert__text {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
  margin-bottom: 16px;
}
.euiHeaderAlert .euiHeaderAlert__action {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
}
.euiHeaderAlert .euiHeaderAlert__date {
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
  color: #69707D;
}

.euiHeaderSection {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
}

.euiHeaderSection--grow,
.euiHeaderSection--left {
  flex-grow: 1;
}

.euiHeaderSection--dontGrow {
  flex-grow: 0;
}

.euiHeaderSectionItem {
  position: relative;
  display: flex;
  align-items: center;
}
.euiHeaderSectionItem::after {
  position: absolute;
  content: "";
  top: 16px;
  bottom: 0;
  background: #D3DAE6;
  left: 0;
}

.euiHeaderSectionItem--borderLeft::after {
  left: 0;
  width: 1px;
}

.euiHeaderSectionItem--borderRight::after {
  width: 1px;
  left: auto;
  right: 0;
}

@media only screen and (max-width: 574px) {
  .euiHeaderSectionItem {
    min-width: 30px;
  }
  .euiHeaderSectionItem--borderLeft::after,
  .euiHeaderSectionItem--borderRight::after {
    display: none;
  }
}
.euiHeaderSectionItemButton {
  position: relative;
  height: 40px;
  min-width: 40px;
  text-align: center;
  font-size: 0;
}

.euiHeaderSectionItemButton__notification {
  position: absolute;
}
.euiHeaderSectionItemButton__notification--dot {
  top: 0;
  right: 0;
  stroke: #FFF;
}
.euiHeaderSectionItemButton__notification--badge {
  top: 9%;
  right: 9%;
  box-shadow: 0 0 0 1px #FFF;
}

.euiHeaderSectionItemButton__content {
  display: inline-block;
}

@media only screen and (max-width: 574px) {
  .euiHeaderSectionItemButton {
    min-width: 30px;
  }
  .euiHeaderSectionItemButton__notification.euiHeaderSectionItemButton__notification--dot {
    width: 16px;
    height: 16px;
    top: 9%;
  }
}
/**
 * 1. Default to grid of 3
 */
.euiKeyPadMenu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 300px;
  max-width: 100%;
  margin-bottom: -4px;
  margin-right: -4px;
}
.euiKeyPadMenu legend {
  margin-bottom: 8px;
}
.euiKeyPadMenu > *:not(legend) {
  margin-bottom: 4px;
  margin-right: 4px;
}

/**
 * 1. If this class is applied to a button, we need to override the Chrome default font.
 * 2. If it has a BetaBadge, make sure only the first letter shows
 */
.euiKeyPadMenuItem {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  letter-spacing: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-kerning: normal;
          font-feature-settings: "kern";
          font-kerning: normal;
  /* 1 */
  display: block;
  padding: 4px;
  height: 96px;
  width: 96px;
  border: 1px solid #D3DAE6;
  border-color: transparent;
  border-radius: 6px;
  color: #343741;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .euiKeyPadMenuItem {
    transition: background-color 150ms ease-in, border-color 150ms ease-in, box-shadow 150ms ease-in;
  }
}
.euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):hover, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus-within {
  cursor: pointer;
  text-decoration: underline;
  box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.04), 0 2.3px 2px rgba(0, 0, 0, 0.03);
  border-color: #D3DAE6;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):hover .euiKeyPadMenuItem__icon, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus .euiKeyPadMenuItem__icon, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus-within .euiKeyPadMenuItem__icon {
    transform: translateY(0);
  }
}
.euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus {
  cursor: pointer;
  text-decoration: underline;
  background-color: rgba(0, 119, 204, 0.1);
}
.euiKeyPadMenuItem.euiKeyPadMenuItem-isDisabled {
  cursor: not-allowed;
  text-decoration: none;
  color: #ABB4C4;
}
.euiKeyPadMenuItem.euiKeyPadMenuItem-isDisabled .euiKeyPadMenuItem__icon {
  filter: grayscale(100%);
}
.euiKeyPadMenuItem.euiKeyPadMenuItem-isDisabled .euiKeyPadMenuItem__icon svg * {
  fill: #ABB4C4;
}
.euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled) {
  box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.04), 0 2.3px 2px rgba(0, 0, 0, 0.03);
  color: #1a1c21;
}
.euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected {
  border-color: #D3DAE6;
}
.euiKeyPadMenuItem:not(:hover):not(:focus):not(:focus-within):not(.euiKeyPadMenuItem-isSelected) .euiKeyPadMenuItem__checkableInput, .euiKeyPadMenuItem.euiKeyPadMenuItem-isDisabled:not(.euiKeyPadMenuItem-isSelected) .euiKeyPadMenuItem__checkableInput {
  position: absolute;
  top: auto;
  left: -10000px;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  overflow: hidden;
  margin: -1px;
}

.euiKeyPadMenuItem__inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.euiKeyPadMenuItem__inner .euiKeyPadMenuItem__checkableInput {
  transform: scale(0.75);
  transform-origin: top right;
}
.euiKeyPadMenuItem__inner .euiKeyPadMenuItem__checkableInput,
.euiKeyPadMenuItem__inner .euiKeyPadMenuItem__betaBadge {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 3;
}

.euiKeyPadMenuItem__icon {
  transition: transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  margin-bottom: 12px;
  transform: translateY(2px);
}

.euiKeyPadMenuItem__label {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
}

.euiKeyPadMenuItem--checkable.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled), .euiKeyPadMenuItem--checkable.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):hover, .euiKeyPadMenuItem--checkable.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):focus, .euiKeyPadMenuItem--checkable.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):focus-within {
  background-color: rgba(0, 119, 204, 0.1);
  color: #0071c2;
  border-color: #0071c2;
}

.euiMarkdownEditor {
  display: flex;
  flex-direction: column;
}
.euiMarkdownEditor--isPreviewing .euiMarkdownEditor__toggleContainer {
  display: none;
}
.euiMarkdownEditor--fullHeight {
  height: 100%;
}
.euiMarkdownEditor--fullHeight .euiMarkdownEditorTextArea {
  resize: none;
}
.euiMarkdownEditor--fullHeight .euiMarkdownEditorDropZone {
  height: 100%;
}

.euiMarkdownEditorDropZone {
  display: flex;
  position: relative;
  flex-direction: column;
  min-height: "150px";
}
.euiMarkdownEditorDropZone__input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
}
.euiMarkdownEditorDropZone__input:hover {
  cursor: pointer;
}
.euiMarkdownEditorDropZone__input:hover:disabled {
  cursor: not-allowed;
}
.euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorFooter,
.euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorTextArea,
.euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorTextArea:focus,
.euiMarkdownEditorDropZone--isDragging .euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea {
  background-color: rgba(0, 119, 204, 0.1) !important;
}
.euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorTextArea,
.euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorTextArea:focus {
  background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%) !important;
}
.euiMarkdownEditorDropZone--isDraggingError .euiMarkdownEditorFooter,
.euiMarkdownEditorDropZone--isDraggingError .euiMarkdownEditorTextArea,
.euiMarkdownEditorDropZone--isDraggingError .euiMarkdownEditorTextArea:focus,
.euiMarkdownEditorDropZone--isDraggingError .euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea {
  background-color: rgba(189, 39, 30, 0.1) !important;
}
.euiMarkdownEditorDropZone--hasError .euiMarkdownEditorTextArea,
.euiMarkdownEditorDropZone--hasError .euiMarkdownEditorTextArea:focus {
  background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%) !important;
}

.euiMarkdownFormat[class*=euiTextColor-default] .euiMarkdownFormat__blockquote {
  border-left-color: rgba(0, 0, 0, 0.15);
}
.euiMarkdownFormat[class*=euiTextColor-default] .euiHorizontalRule {
  background-color: rgba(0, 0, 0, 0.15);
  color: rgba(0, 0, 0, 0.15);
}
.euiMarkdownFormat[class*=euiTextColor-default] .euiMarkdownFormat__table {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.euiMarkdownFormat[class*=euiTextColor-default] .euiMarkdownFormat__table th,
.euiMarkdownFormat[class*=euiTextColor-default] .euiMarkdownFormat__table td {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.euiMarkdownFormat[class*=euiTextColor-default] .euiMarkdownFormat__table th:last-child,
.euiMarkdownFormat[class*=euiTextColor-default] .euiMarkdownFormat__table td:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.euiMarkdownFormat[class*=euiTextColor-default] .euiMarkdownFormat__table tr {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.euiMarkdownFormat[class*=euiTextColor-subdued] .euiMarkdownFormat__blockquote {
  border-left-color: #69707D;
}
.euiMarkdownFormat[class*=euiTextColor-subdued] .euiHorizontalRule {
  background-color: #69707D;
  color: #69707D;
}
.euiMarkdownFormat[class*=euiTextColor-subdued] .euiMarkdownFormat__table {
  border-left: 1px solid #69707D;
}
.euiMarkdownFormat[class*=euiTextColor-subdued] .euiMarkdownFormat__table th,
.euiMarkdownFormat[class*=euiTextColor-subdued] .euiMarkdownFormat__table td {
  border-top: 1px solid #69707D;
  border-bottom: 1px solid #69707D;
}
.euiMarkdownFormat[class*=euiTextColor-subdued] .euiMarkdownFormat__table th:last-child,
.euiMarkdownFormat[class*=euiTextColor-subdued] .euiMarkdownFormat__table td:last-child {
  border-right: 1px solid #69707D;
}
.euiMarkdownFormat[class*=euiTextColor-subdued] .euiMarkdownFormat__table tr {
  border-top: 1px solid #69707D;
}
.euiMarkdownFormat[class*=euiTextColor-success] .euiMarkdownFormat__blockquote {
  border-left-color: #00BFB3;
}
.euiMarkdownFormat[class*=euiTextColor-success] .euiHorizontalRule {
  background-color: #00BFB3;
  color: #00BFB3;
}
.euiMarkdownFormat[class*=euiTextColor-success] .euiMarkdownFormat__table {
  border-left: 1px solid #00BFB3;
}
.euiMarkdownFormat[class*=euiTextColor-success] .euiMarkdownFormat__table th,
.euiMarkdownFormat[class*=euiTextColor-success] .euiMarkdownFormat__table td {
  border-top: 1px solid #00BFB3;
  border-bottom: 1px solid #00BFB3;
}
.euiMarkdownFormat[class*=euiTextColor-success] .euiMarkdownFormat__table th:last-child,
.euiMarkdownFormat[class*=euiTextColor-success] .euiMarkdownFormat__table td:last-child {
  border-right: 1px solid #00BFB3;
}
.euiMarkdownFormat[class*=euiTextColor-success] .euiMarkdownFormat__table tr {
  border-top: 1px solid #00BFB3;
}
.euiMarkdownFormat[class*=euiTextColor-accent] .euiMarkdownFormat__blockquote {
  border-left-color: #F04E98;
}
.euiMarkdownFormat[class*=euiTextColor-accent] .euiHorizontalRule {
  background-color: #F04E98;
  color: #F04E98;
}
.euiMarkdownFormat[class*=euiTextColor-accent] .euiMarkdownFormat__table {
  border-left: 1px solid #F04E98;
}
.euiMarkdownFormat[class*=euiTextColor-accent] .euiMarkdownFormat__table th,
.euiMarkdownFormat[class*=euiTextColor-accent] .euiMarkdownFormat__table td {
  border-top: 1px solid #F04E98;
  border-bottom: 1px solid #F04E98;
}
.euiMarkdownFormat[class*=euiTextColor-accent] .euiMarkdownFormat__table th:last-child,
.euiMarkdownFormat[class*=euiTextColor-accent] .euiMarkdownFormat__table td:last-child {
  border-right: 1px solid #F04E98;
}
.euiMarkdownFormat[class*=euiTextColor-accent] .euiMarkdownFormat__table tr {
  border-top: 1px solid #F04E98;
}
.euiMarkdownFormat[class*=euiTextColor-warning] .euiMarkdownFormat__blockquote {
  border-left-color: #FEC514;
}
.euiMarkdownFormat[class*=euiTextColor-warning] .euiHorizontalRule {
  background-color: #FEC514;
  color: #FEC514;
}
.euiMarkdownFormat[class*=euiTextColor-warning] .euiMarkdownFormat__table {
  border-left: 1px solid #FEC514;
}
.euiMarkdownFormat[class*=euiTextColor-warning] .euiMarkdownFormat__table th,
.euiMarkdownFormat[class*=euiTextColor-warning] .euiMarkdownFormat__table td {
  border-top: 1px solid #FEC514;
  border-bottom: 1px solid #FEC514;
}
.euiMarkdownFormat[class*=euiTextColor-warning] .euiMarkdownFormat__table th:last-child,
.euiMarkdownFormat[class*=euiTextColor-warning] .euiMarkdownFormat__table td:last-child {
  border-right: 1px solid #FEC514;
}
.euiMarkdownFormat[class*=euiTextColor-warning] .euiMarkdownFormat__table tr {
  border-top: 1px solid #FEC514;
}
.euiMarkdownFormat[class*=euiTextColor-danger] .euiMarkdownFormat__blockquote {
  border-left-color: #BD271E;
}
.euiMarkdownFormat[class*=euiTextColor-danger] .euiHorizontalRule {
  background-color: #BD271E;
  color: #BD271E;
}
.euiMarkdownFormat[class*=euiTextColor-danger] .euiMarkdownFormat__table {
  border-left: 1px solid #BD271E;
}
.euiMarkdownFormat[class*=euiTextColor-danger] .euiMarkdownFormat__table th,
.euiMarkdownFormat[class*=euiTextColor-danger] .euiMarkdownFormat__table td {
  border-top: 1px solid #BD271E;
  border-bottom: 1px solid #BD271E;
}
.euiMarkdownFormat[class*=euiTextColor-danger] .euiMarkdownFormat__table th:last-child,
.euiMarkdownFormat[class*=euiTextColor-danger] .euiMarkdownFormat__table td:last-child {
  border-right: 1px solid #BD271E;
}
.euiMarkdownFormat[class*=euiTextColor-danger] .euiMarkdownFormat__table tr {
  border-top: 1px solid #BD271E;
}
.euiMarkdownFormat[class*=euiTextColor-ghost] .euiMarkdownFormat__blockquote {
  border-left-color: #FFF;
}
.euiMarkdownFormat[class*=euiTextColor-ghost] .euiHorizontalRule {
  background-color: #FFF;
  color: #FFF;
}
.euiMarkdownFormat[class*=euiTextColor-ghost] .euiMarkdownFormat__table {
  border-left: 1px solid #FFF;
}
.euiMarkdownFormat[class*=euiTextColor-ghost] .euiMarkdownFormat__table th,
.euiMarkdownFormat[class*=euiTextColor-ghost] .euiMarkdownFormat__table td {
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}
.euiMarkdownFormat[class*=euiTextColor-ghost] .euiMarkdownFormat__table th:last-child,
.euiMarkdownFormat[class*=euiTextColor-ghost] .euiMarkdownFormat__table td:last-child {
  border-right: 1px solid #FFF;
}
.euiMarkdownFormat[class*=euiTextColor-ghost] .euiMarkdownFormat__table tr {
  border-top: 1px solid #FFF;
}
.euiMarkdownFormat[class*=euiTextColor-inherit] .euiMarkdownFormat__blockquote {
  border-left-color: currentColor;
}
.euiMarkdownFormat[class*=euiTextColor-inherit] .euiHorizontalRule {
  background-color: currentColor;
  color: currentColor;
}
.euiMarkdownFormat[class*=euiTextColor-inherit] .euiMarkdownFormat__table {
  border-left: 1px solid currentColor;
}
.euiMarkdownFormat[class*=euiTextColor-inherit] .euiMarkdownFormat__table th,
.euiMarkdownFormat[class*=euiTextColor-inherit] .euiMarkdownFormat__table td {
  border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
}
.euiMarkdownFormat[class*=euiTextColor-inherit] .euiMarkdownFormat__table th:last-child,
.euiMarkdownFormat[class*=euiTextColor-inherit] .euiMarkdownFormat__table td:last-child {
  border-right: 1px solid currentColor;
}
.euiMarkdownFormat[class*=euiTextColor-inherit] .euiMarkdownFormat__table tr {
  border-top: 1px solid currentColor;
}
.euiMarkdownFormat[class*=euiTextColor-custom] .euiMarkdownFormat__blockquote {
  border-left-color: currentColor;
}
.euiMarkdownFormat[class*=euiTextColor-custom] .euiHorizontalRule {
  background-color: currentColor;
  color: currentColor;
}
.euiMarkdownFormat[class*=euiTextColor-custom] .euiMarkdownFormat__table {
  border-left: 1px solid currentColor;
}
.euiMarkdownFormat[class*=euiTextColor-custom] .euiMarkdownFormat__table th,
.euiMarkdownFormat[class*=euiTextColor-custom] .euiMarkdownFormat__table td {
  border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
}
.euiMarkdownFormat[class*=euiTextColor-custom] .euiMarkdownFormat__table th:last-child,
.euiMarkdownFormat[class*=euiTextColor-custom] .euiMarkdownFormat__table td:last-child {
  border-right: 1px solid currentColor;
}
.euiMarkdownFormat[class*=euiTextColor-custom] .euiMarkdownFormat__table tr {
  border-top: 1px solid currentColor;
}
.euiMarkdownFormat .euiCheckbox {
  margin-bottom: 0 !important;
}
.euiMarkdownFormat .euiCheckbox .euiCheckbox__input + .euiCheckbox__square {
  top: 50%;
  transform: translateY(-50%);
}
.euiMarkdownFormat .euiMarkdownFormat__table {
  display: block;
  width: 100%;
  overflow: auto;
  border-spacing: 0;
  border-collapse: collapse;
}

.euiMarkdownEditorFooter {
  display: inline-flex;
  padding: 4px;
  border: 1px solid #D3DAE6;
  align-items: center;
  background: #fafbfd;
}

.euiMarkdownEditorFooter__popover {
  width: 300px;
}

.euiMarkdownEditorFooter__actions {
  flex: 1 1;
  display: inline-flex;
}
.euiMarkdownEditorFooter__actions > button,
.euiMarkdownEditorFooter__actions > span {
  margin-right: 4px;
  align-self: center;
}
.euiMarkdownEditorFooter__actions .euiMarkdownEditorFooter__uploadError {
  position: relative;
  left: -1px;
  line-height: 1;
  border-radius: 6px;
}
.euiMarkdownEditorFooter__actions .euiMarkdownEditorFooter__uploadError > span {
  padding: 0 4px;
}

.euiMarkdownEditorFooter__helpButton > svg {
  width: 26px;
}

.euiMarkdownEditorPreview {
  scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
  scrollbar-width: thin;
  background: #FFF;
  min-height: "150px";
  overflow-y: auto;
  border: 1px solid #D3DAE6;
  padding: 12px;
}
.euiMarkdownEditorPreview::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
.euiMarkdownEditorPreview::-webkit-scrollbar-thumb {
  background-color: rgba(105, 112, 125, 0.5);
  background-clip: content-box;
  border-radius: 16px;
  border: 6px solid transparent;
}
.euiMarkdownEditorPreview::-webkit-scrollbar-corner, .euiMarkdownEditorPreview::-webkit-scrollbar-track {
  background-color: transparent;
}

.euiMarkdownEditorPreview-isReadOnly .euiCheckbox__input ~ .euiCheckbox__label {
  cursor: default;
}
.euiMarkdownEditorPreview-isReadOnly .euiCheckbox__input:focus:not(:checked) + .euiCheckbox__square {
  border-color: #c9cbcd;
}

.euiMarkdownEditorTextArea {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  letter-spacing: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-kerning: normal;
          font-feature-settings: "kern";
          font-kerning: normal;
  font-size: 14px;
  color: #343741;
  scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
  scrollbar-width: thin;
  width: 100%;
  height: 100%;
  min-height: "150px";
  padding: 12px;
  border: 1px solid #D3DAE6;
  border-bottom: none;
  line-height: 1.5;
  resize: vertical;
  background-color: #fbfcfd;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  margin: 0;
  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
}
.euiMarkdownEditorTextArea::placeholder {
  color: #69707D;
  opacity: 1;
}
.euiMarkdownEditorTextArea::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
.euiMarkdownEditorTextArea::-webkit-scrollbar-thumb {
  background-color: rgba(105, 112, 125, 0.5);
  background-clip: content-box;
  border-radius: 16px;
  border: 6px solid transparent;
}
.euiMarkdownEditorTextArea::-webkit-scrollbar-corner, .euiMarkdownEditorTextArea::-webkit-scrollbar-track {
  background-color: transparent;
}
.euiMarkdownEditorTextArea:focus, .euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea {
  background-color: white;
  background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
  background-size: 100% 100%;
}

.euiMarkdownEditorTextArea-isReadOnly {
  background: #FFF;
  cursor: inherit;
}
.euiMarkdownEditorTextArea-isReadOnly:focus, .euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea-isReadOnly {
  background: none;
}

.euiMarkdownEditorToolbar {
  display: flex;
  flex-wrap: wrap;
  background: #F5F7FA;
  border: 1px solid #D3DAE6;
  border-color: #D3DAE6;
  border-bottom: none;
  padding: 4px;
}
.euiMarkdownEditorToolbar__buttons {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1;
  align-items: center;
}
.euiMarkdownEditorToolbar__buttons > * {
  margin-right: 4px;
}
.euiMarkdownEditorToolbar__divider {
  content: "";
  height: 24px;
  display: block;
  margin-left: 4px;
  padding-right: 4px;
  border-left: 1px solid #D3DAE6;
}

.euiMarkdownTooltip__icon {
  transform: translateY(-1px);
}

.euiNotificationEvent {
  display: flex;
  padding: 12px 0 12px 12px;
  border-bottom: 1px solid #D3DAE6;
}
.euiNotificationEvent:last-child {
  border-bottom: none;
}
.euiNotificationEvent--withReadState {
  padding: 12px 0 12px 8px;
}

.euiNotificationEvent__title {
  overflow-wrap: break-word !important;
  word-break: break-word;
  color: #1a1c21;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.7142857143rem;
  font-weight: 700;
  display: flex;
}
.euiNotificationEvent__title.euiLink {
  color: #0071c2;
}
.euiNotificationEvent__title--isRead {
  color: #69707D !important;
}

.euiNotificationEvent__readButton {
  margin-right: 8px;
}

.euiNotificationEvent__content {
  flex: 1 1;
}
.euiNotificationEvent__content > * + * {
  margin-top: 8px;
  margin-right: 12px;
}

.euiNotificationEventMeta {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-right: 4px;
  min-height: 24px;
}
.euiNotificationEventMeta--hasContextMenu {
  padding-right: 24px;
}
.euiNotificationEventMeta__contextMenuWrapper {
  position: absolute;
  top: 0;
  right: 0;
}
.euiNotificationEventMeta__section {
  margin-right: 8px;
}
.euiNotificationEventMeta__section:first-child {
  display: flex;
  flex: 1 1;
  align-items: center;
}
.euiNotificationEventMeta__icon {
  margin-right: 8px;
}
.euiNotificationEventMeta__badge {
  max-width: 100%;
  display: inline-grid;
}
.euiNotificationEventMeta__time {
  font-size: 12px;
  color: #69707D;
}

.euiNotificationEventMessages {
  font-size: 14px;
}
.euiNotificationEventMessages__accordion {
  color: #69707D;
}
.euiNotificationEventMessages__accordionButton {
  color: #0071c2;
}
.euiNotificationEventMessages__accordionContent > * {
  padding-top: 8px;
}

.euiNotificationEventReadButton--isRead svg {
  fill: transparent;
  stroke-width: 1px;
  stroke: #D3DAE6;
}

.euiNotificationEventReadIcon {
  display: flex;
  align-items: center;
  height: 24px;
  margin: 0 4px;
}

.euiNotificationEventReadIcon--isRead svg {
  fill: transparent;
  stroke-width: 1px;
  stroke: #D3DAE6;
}

.euiSplitPanel {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
}
.euiSplitPanel .euiSplitPanel__inner {
  flex-basis: 0%;
  transform: none !important;
  box-shadow: none !important;
}

.euiSplitPanel--row {
  flex-direction: row;
}
.euiSplitPanel--row.euiSplitPanel-isResponsive {
  flex-direction: column;
}

.euiPageContent {
  width: 100%;
  min-width: 0;
}
.euiPageContent.euiPageContent--borderRadiusNone {
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
}
.euiPageContent.euiPageContent--verticalCenter {
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
  flex-grow: 0;
}
.euiPageContent.euiPageContent--horizontalCenter {
  width: auto;
  margin-left: auto;
  margin-right: auto;
  flex-grow: 0;
}

.euiPageContentBody--restrictWidth-default, .euiPageContentBody--restrictWidth-custom {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.euiPageContentBody--restrictWidth-default {
  max-width: 1200px;
}

.euiPageContentBody--paddingSmall {
  padding: 8px;
}

.euiPageContentBody--paddingMedium {
  padding: 16px;
}

.euiPageContentBody--paddingLarge {
  padding: 24px;
}

.euiPageContentHeader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.euiPageContent[class*=paddingSmall] .euiPageContentHeader {
  margin-bottom: 8px;
}
.euiPageContent[class*=paddingMedium] .euiPageContentHeader {
  margin-bottom: 16px;
}
.euiPageContent[class*=paddingLarge] .euiPageContentHeader {
  margin-bottom: 24px;
}

@media only screen and (max-width: 574px) {
  .euiPageContentHeader--responsive {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 575px) and (max-width: 767px) {
  .euiPageContentHeader--responsive {
    flex-direction: column;
    align-items: flex-start;
  }
}
.euiPageContentHeaderSection + .euiPageContentHeaderSection {
  margin-left: 32px;
}

@media only screen and (max-width: 574px) {
  .euiPageContent[class*=paddingSmall] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
    margin-left: 0;
    margin-top: 4px;
  }
  .euiPageContent[class*=paddingMedium] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
    margin-left: 0;
    margin-top: 8px;
  }
  .euiPageContent[class*=paddingLarge] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
    margin-left: 0;
    margin-top: 12px;
  }
}
@media only screen and (min-width: 575px) and (max-width: 767px) {
  .euiPageContent[class*=paddingSmall] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
    margin-left: 0;
    margin-top: 4px;
  }
  .euiPageContent[class*=paddingMedium] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
    margin-left: 0;
    margin-top: 8px;
  }
  .euiPageContent[class*=paddingLarge] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
    margin-left: 0;
    margin-top: 12px;
  }
}
/**
 * Note: Margin is added in _page.scss when EuiPage has `paddingSize`
 * 1. Prevent side bar width from changing when content width changes.
 */
.euiPageSideBar {
  min-width: 240px;
  flex: 0 1; /* 1 */
}

.euiPageSideBar--paddingSmall {
  padding: 8px;
}

.euiPageSideBar--paddingMedium {
  padding: 16px;
}

.euiPageSideBar--paddingLarge {
  padding: 24px;
}

@media only screen and (max-width: 574px) {
  .euiPageSideBar {
    width: 100%;
  }
}
@media only screen and (min-width: 575px) and (max-width: 767px) {
  .euiPageSideBar {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .euiPageSideBar--sticky {
    scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
    scrollbar-width: thin;
    overflow-y: auto;
    flex-grow: 1;
    position: -webkit-sticky;
    position: sticky;
    max-height: 100vh;
    top: 0;
  }
  .euiPageSideBar--sticky::-webkit-scrollbar {
    width: 16px;
    height: 16px;
  }
  .euiPageSideBar--sticky::-webkit-scrollbar-thumb {
    background-color: rgba(105, 112, 125, 0.5);
    background-clip: content-box;
    border-radius: 16px;
    border: 6px solid transparent;
  }
  .euiPageSideBar--sticky::-webkit-scrollbar-corner, .euiPageSideBar--sticky::-webkit-scrollbar-track {
    background-color: transparent;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .euiPageSideBar--sticky {
    scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
    scrollbar-width: thin;
    overflow-y: auto;
    flex-grow: 1;
    position: -webkit-sticky;
    position: sticky;
    max-height: 100vh;
    top: 0;
  }
  .euiPageSideBar--sticky::-webkit-scrollbar {
    width: 16px;
    height: 16px;
  }
  .euiPageSideBar--sticky::-webkit-scrollbar-thumb {
    background-color: rgba(105, 112, 125, 0.5);
    background-clip: content-box;
    border-radius: 16px;
    border: 6px solid transparent;
  }
  .euiPageSideBar--sticky::-webkit-scrollbar-corner, .euiPageSideBar--sticky::-webkit-scrollbar-track {
    background-color: transparent;
  }
}
@media only screen and (min-width: 1200px) {
  .euiPageSideBar--sticky {
    scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
    scrollbar-width: thin;
    overflow-y: auto;
    flex-grow: 1;
    position: -webkit-sticky;
    position: sticky;
    max-height: 100vh;
    top: 0;
  }
  .euiPageSideBar--sticky::-webkit-scrollbar {
    width: 16px;
    height: 16px;
  }
  .euiPageSideBar--sticky::-webkit-scrollbar-thumb {
    background-color: rgba(105, 112, 125, 0.5);
    background-clip: content-box;
    border-radius: 16px;
    border: 6px solid transparent;
  }
  .euiPageSideBar--sticky::-webkit-scrollbar-corner, .euiPageSideBar--sticky::-webkit-scrollbar-track {
    background-color: transparent;
  }
}
.euiTreeView__wrapper .euiTreeView {
  margin: 0;
  list-style-type: none;
}

.euiTreeView .euiTreeView {
  padding-left: 24px;
}

.euiTreeView__node {
  max-height: 32px;
  line-height: 32px;
}

.euiTreeView__node--expanded {
  max-height: 100vh;
}

.euiTreeView__nodeInner {
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  padding-left: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 32px;
  border-radius: 6px;
  width: 100%;
  text-align-last: left;
}
.euiTreeView__nodeInner:focus {
  outline: 2px solid currentColor;
  outline-offset: -2px;
}
.euiTreeView__nodeInner:focus:focus-visible {
  outline-style: auto;
}
.euiTreeView__nodeInner:focus:not(:focus-visible) {
  outline: none;
}
.euiTreeView__nodeInner:hover, .euiTreeView__nodeInner:active, .euiTreeView__nodeInner:focus {
  background-color: rgba(52, 55, 65, 0.1);
}
.euiTreeView__nodeInner .euiTreeView__iconPlaceholder {
  width: 32px;
}

.euiTreeView__nodeLabel {
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.euiTreeView__iconWrapper {
  margin-top: -2px;
  margin-right: 8px;
}
.euiTreeView__iconWrapper .euiToken {
  margin-top: 2px;
}

.euiTreeView--compressed .euiTreeView__node {
  max-height: 24px;
  line-height: 24px;
}
.euiTreeView--compressed .euiTreeView__node .euiTreeView__nodeInner {
  height: 24px;
}
.euiTreeView--compressed .euiTreeView__node .euiTreeView__iconWrapper {
  margin: 0 6px 0 0;
}
.euiTreeView--compressed .euiTreeView__node .euiTreeView__nodeLabel {
  margin-top: -1px;
}
.euiTreeView--compressed .euiTreeView__node .euiTreeView__iconPlaceholder {
  width: 24px;
}
.euiTreeView--compressed .euiTreeView__node--expanded {
  max-height: 100vh;
}

.euiTreeView--withArrows .euiTreeView__expansionArrow {
  margin-right: 4px;
}
.euiTreeView--withArrows.euiTreeView .euiTreeView__nodeInner--withArrows .euiTreeView__iconWrapper {
  margin-left: 0;
}
.euiTreeView--withArrows.euiTreeView .euiTreeView__iconWrapper {
  margin-left: 20px;
}
.euiTreeView--withArrows.euiTreeView--compressed .euiTreeView__nodeInner--withArrows .euiTreeView__iconWrapper {
  margin-left: 0;
}
.euiTreeView--withArrows.euiTreeView--compressed .euiTreeView__iconWrapper {
  margin-left: 16px;
}

.euiResizableButton {
  position: relative;
  flex-shrink: 0;
  z-index: 1;
}
.euiResizableButton::before, .euiResizableButton::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #343741;
  transition: width 150ms ease, height 150ms ease, transform 150ms ease, background-color 150ms ease;
}
.euiResizableButton.euiResizableButton--horizontal {
  cursor: col-resize;
  width: 16px;
  margin-left: -8px;
  margin-right: -8px;
}
.euiResizableButton.euiResizableButton--horizontal::before, .euiResizableButton.euiResizableButton--horizontal::after {
  width: 1px;
  height: 12px;
}
.euiResizableButton.euiResizableButton--horizontal::before {
  transform: translate(-2px, -50%);
}
.euiResizableButton.euiResizableButton--horizontal::after {
  transform: translate(1px, -50%);
}
.euiResizableButton.euiResizableButton--vertical {
  cursor: row-resize;
  height: 16px;
  margin-top: -8px;
  margin-bottom: -8px;
}
.euiResizableButton.euiResizableButton--vertical::before, .euiResizableButton.euiResizableButton--vertical::after {
  width: 12px;
  height: 1px;
}
.euiResizableButton.euiResizableButton--vertical::before {
  transform: translate(-50%, -2px);
}
.euiResizableButton.euiResizableButton--vertical::after {
  transform: translate(-50%, 1px);
}
.euiResizableButton:hover:not(:disabled)::before, .euiResizableButton:hover:not(:disabled)::after {
  background-color: #98A2B3;
  transition-delay: 150ms;
}
.euiResizableButton:focus:not(:disabled) {
  background-color: rgba(0, 119, 204, 0.1);
}
.euiResizableButton:focus:not(:disabled)::before, .euiResizableButton:focus:not(:disabled)::after {
  background-color: #07C;
  transition: width 150ms ease, height 150ms ease, transform 150ms ease;
  transition-delay: 75ms;
}
.euiResizableButton:hover:not(:disabled).euiResizableButton--horizontal::before, .euiResizableButton:hover:not(:disabled).euiResizableButton--horizontal::after, .euiResizableButton:focus:not(:disabled).euiResizableButton--horizontal::before, .euiResizableButton:focus:not(:disabled).euiResizableButton--horizontal::after {
  height: 100%;
}
.euiResizableButton:hover:not(:disabled).euiResizableButton--horizontal::before, .euiResizableButton:focus:not(:disabled).euiResizableButton--horizontal::before {
  transform: translate(-1px, -50%);
}
.euiResizableButton:hover:not(:disabled).euiResizableButton--horizontal::after, .euiResizableButton:focus:not(:disabled).euiResizableButton--horizontal::after {
  transform: translate(0, -50%);
}
.euiResizableButton:hover:not(:disabled).euiResizableButton--vertical::before, .euiResizableButton:hover:not(:disabled).euiResizableButton--vertical::after, .euiResizableButton:focus:not(:disabled).euiResizableButton--vertical::before, .euiResizableButton:focus:not(:disabled).euiResizableButton--vertical::after {
  width: 100%;
}
.euiResizableButton:hover:not(:disabled).euiResizableButton--vertical::before, .euiResizableButton:focus:not(:disabled).euiResizableButton--vertical::before {
  transform: translate(-50%, -1px);
}
.euiResizableButton:hover:not(:disabled).euiResizableButton--vertical::after, .euiResizableButton:focus:not(:disabled).euiResizableButton--vertical::after {
  transform: translate(-50%, 0);
}
.euiResizableButton:disabled {
  display: none !important;
}

/**
 * 1. The default position of the button should always be `middle`, so
 *    those position styles aren't restricted to a class
 * 2. When collpsed, the button itself is the full collapsed area and we use
 *    flex to align the icon within
 */
.euiResizableToggleButton {
  box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.04), 0 2.3px 2px rgba(0, 0, 0, 0.03);
  position: absolute;
  z-index: 2;
  animation: none !important;
  transition-property: background, box-shadow;
}
.euiResizableToggleButton:focus {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 3.6px 13px rgba(0, 0, 0, 0.07), 0 8.4px 23px rgba(0, 0, 0, 0.06), 0 23px 35px rgba(0, 0, 0, 0.05);
}
.euiResizableToggleButton-isCollapsed {
  box-shadow: none;
  background: transparent;
  border-radius: 0;
}
.euiResizableToggleButton:not(:focus):not(:active):not(.euiResizableToggleButton-isVisible):not(.euiResizableToggleButton-isCollapsed) {
  position: absolute;
  top: auto;
  left: -10000px;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  overflow: hidden;
  margin: -1px;
}

.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--after {
  right: 0;
  top: 50%; /* 1 */
  transform: translate(50%, -50%); /* 1 */
}
.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--after.euiResizableToggleButton--top {
  top: 0;
  transform: translate(50%, 16px);
}
.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--after.euiResizableToggleButton--bottom {
  top: auto;
  bottom: 0;
  transform: translate(50%, -16px);
}
.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--before {
  left: 0;
  top: 50%; /* 1 */
  transform: translate(-50%, -50%); /* 1 */
}
.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--before.euiResizableToggleButton--top {
  top: 0;
  transform: translate(-50%, 16px);
}
.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--before.euiResizableToggleButton--bottom {
  top: auto;
  bottom: 0;
  transform: translate(-50%, -16px);
}
.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton-isCollapsed {
  top: 0 !important;
  bottom: 0 !important;
  transform: none !important;
  height: 100%;
}
.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton-isCollapsed.euiResizableToggleButton--top {
  padding-top: 16px;
  align-items: flex-start; /* 2 */
}
.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton-isCollapsed.euiResizableToggleButton--bottom {
  padding-bottom: 16px;
  align-items: flex-end; /* 2 */
}

.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--after {
  top: 100%;
  left: 50%; /* 1 */
  transform: translate(-50%, -50%); /* 1 */
}
.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--after.euiResizableToggleButton--left {
  left: 0;
  transform: translate(16px, -50%);
}
.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--after.euiResizableToggleButton--right {
  left: auto;
  right: 0;
  transform: translate(-16px, -50%);
}
.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--before {
  bottom: 100%;
  left: 50%; /* 1 */
  transform: translate(-50%, 50%); /* 1 */
}
.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--before.euiResizableToggleButton--left {
  left: 0;
  transform: translate(16px, 50%);
}
.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--before.euiResizableToggleButton--right {
  left: auto;
  right: 0;
  transform: translate(-16px, 50%);
}
.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton-isCollapsed {
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  transform: none !important;
  width: 100%;
}
.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton-isCollapsed.euiResizableToggleButton--left {
  padding-left: 16px;
  justify-content: flex-start; /* 2 */
}
.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton-isCollapsed.euiResizableToggleButton--right {
  padding-right: 16px;
  justify-content: flex-end; /* 2 */
}

.euiSideNav__mobileToggle {
  height: auto;
  border-bottom: 1px solid #D3DAE6;
  width: 100%;
  text-align: left;
  border-radius: 0 !important;
  font-size: 16px;
  padding: 0 16px;
}
.euiSideNav__mobileToggle .euiSideNav__mobileToggleText {
  padding: 16px 0;
}
.euiSideNav__mobileToggle .euiSideNav__mobileToggleContent {
  justify-content: space-between;
}

.euiSideNav__heading {
  margin-bottom: 24px;
}

@media only screen and (max-width: 574px) {
  .euiSideNav__contentMobile-xs {
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    padding: 0 24px;
  }
  .euiSideNav-isOpenMobile .euiSideNav__contentMobile-xs {
    visibility: visible;
    opacity: 1;
    padding: 24px;
    max-height: 5000px; /* 1 */
  }
}
@media only screen and (max-width: 574px) and (prefers-reduced-motion: no-preference) {
  .euiSideNav-isOpenMobile .euiSideNav__contentMobile-xs {
    transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  }
}
@media only screen and (min-width: 575px) and (max-width: 767px) {
  .euiSideNav__contentMobile-s {
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    padding: 0 24px;
  }
  .euiSideNav-isOpenMobile .euiSideNav__contentMobile-s {
    visibility: visible;
    opacity: 1;
    padding: 24px;
    max-height: 5000px; /* 1 */
  }
}
@media only screen and (min-width: 575px) and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
  .euiSideNav-isOpenMobile .euiSideNav__contentMobile-s {
    transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .euiSideNav__contentMobile-m {
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    padding: 0 24px;
  }
  .euiSideNav-isOpenMobile .euiSideNav__contentMobile-m {
    visibility: visible;
    opacity: 1;
    padding: 24px;
    max-height: 5000px; /* 1 */
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) and (prefers-reduced-motion: no-preference) {
  .euiSideNav-isOpenMobile .euiSideNav__contentMobile-m {
    transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .euiSideNav__contentMobile-l {
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    padding: 0 24px;
  }
  .euiSideNav-isOpenMobile .euiSideNav__contentMobile-l {
    visibility: visible;
    opacity: 1;
    padding: 24px;
    max-height: 5000px; /* 1 */
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) and (prefers-reduced-motion: no-preference) {
  .euiSideNav-isOpenMobile .euiSideNav__contentMobile-l {
    transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  }
}
@media only screen and (min-width: 1200px) {
  .euiSideNav__contentMobile-xl {
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    padding: 0 24px;
  }
  .euiSideNav-isOpenMobile .euiSideNav__contentMobile-xl {
    visibility: visible;
    opacity: 1;
    padding: 24px;
    max-height: 5000px; /* 1 */
  }
}
@media only screen and (min-width: 1200px) and (prefers-reduced-motion: no-preference) {
  .euiSideNav-isOpenMobile .euiSideNav__contentMobile-xl {
    transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  }
}
/**
 * 1. Text-align defaults to center, so we have to override that.
 * 2. Color the text at the item level and then have the button inherit so overrides are easier
 * 3. Enable ellipsis overflow to work (https://css-tricks.com/flexbox-truncated-text/)
 * 4. Restrict the underline to the button __label so it doesn't affect other components that might live within
 */
.euiSideNavItemButton {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
  text-align: left; /* 1 */
  display: block;
  width: 100%;
  padding: 2px 0;
  color: inherit; /* 2 */
}
.euiSideNavItemButton.euiSideNavItemButton--isClickable:not(:disabled):hover {
  cursor: pointer;
}
.euiSideNavItemButton.euiSideNavItemButton--isClickable:not(:disabled):hover .euiSideNavItemButton__label, .euiSideNavItemButton.euiSideNavItemButton--isClickable:not(:disabled):focus .euiSideNavItemButton__label {
  text-decoration: underline; /* 4 */
}
.euiSideNavItemButton.euiSideNavItemButton-isSelected {
  color: #006bb8;
  font-weight: 700;
}
.euiSideNavItemButton.euiSideNavItemButton-isSelected .euiSideNavItemButton__label {
  text-decoration: underline; /* 4 */
}
.euiSideNavItemButton:disabled {
  cursor: not-allowed;
  text-decoration: none;
  color: #a2abba;
}

.euiSideNavItemButton__content {
  display: flex;
  align-items: center;
}

.euiSideNavItemButton__icon {
  margin-right: 8px;
}

.euiSideNavItemButton__labelContainer {
  min-width: 0; /* 3 */
}

.euiSideNavItemButton__label {
  flex-grow: 1;
}

.euiSideNavItemButton__label--truncated {
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.euiSideNavItem--root {
  /**
   * 1. Create padding around focus area without indenting the item itself.
   */
}
.euiSideNavItem--root.euiSideNavItem--rootIcon > .euiSideNavItem__items {
  margin-left: 24px;
}
.euiSideNavItem--root > .euiSideNavItemButton {
  margin-bottom: 8px;
  padding: 0;
  padding-left: 8px; /* 1 */
  padding-right: 8px; /* 1 */
  margin-left: -8px; /* 1 */
  width: calc(100% + 16px); /* 1 */
}
.euiSideNavItem--root > .euiSideNavItemButton .euiSideNavItemButton__label {
  overflow-wrap: break-word !important;
  word-break: break-word;
  color: #1a1c21;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.7142857143rem;
  font-weight: 700;
  color: inherit;
}
.euiSideNavItem--root > .euiSideNavItem__items {
  position: static;
  margin-left: 0;
}
.euiSideNavItem--root > .euiSideNavItem__items::after {
  display: none;
}
.euiSideNavItem--root + .euiSideNavItem--root {
  margin-top: 32px;
}

.euiSideNavItem--trunk {
  color: #1a1c21; /* 2 */
  /**
   * 1. Create padding around focus area without indenting the item itself.
   */
}
.euiSideNavItem--trunk > .euiSideNavItemButton {
  padding-left: 8px; /* 1 */
  padding-right: 8px; /* 1 */
  margin-left: -8px; /* 1 */
  width: calc(100% + 16px); /* 1 */
}
.euiSideNavItem--trunk > .euiSideNavItem__items {
  margin-left: 8px;
  width: 100%;
}

.euiSideNavItem--branch {
  /**
  * 1. Draw the vertical line to group an expanded item's child items together.
  */
  position: relative;
  color: #646a77; /* 2 */
  /**
   * 2. Absolutely position the horizontal tick connecting the item to the vertical line.
   */
}
.euiSideNavItem--branch::after { /* 1 */
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  width: 1px;
  background: #D3DAE6;
  left: 0;
}
.euiSideNavItem--branch:last-of-type::after {
  height: 12px;
}
.euiSideNavItem--branch > .euiSideNavItemButton {
  position: relative; /* 2 */
  padding-left: 8px;
  padding-right: 8px; /* 2 */
}
.euiSideNavItem--branch > .euiSideNavItemButton::after {
  position: absolute; /* 2 */
  content: "";
  top: 12px;
  left: 0;
  width: 4px;
  height: 1px;
  background: #D3DAE6;
}
.euiSideNavItem--branch > .euiSideNavItem__items {
  margin-left: 16px;
}

.euiSideNavItem--emphasized {
  background: rgba(211, 218, 230, 0.3);
  color: #1a1c21;
  box-shadow: 100px 0 0 0 rgba(211, 218, 230, 0.3), -100px 0 0 0 rgba(211, 218, 230, 0.3);
}
.euiSideNavItem--emphasized > .euiSideNavItemButton {
  font-weight: 700;
}
.euiSideNavItem--emphasized .euiSideNavItem--emphasized {
  background: transparent;
  box-shadow: none;
}

.euiSearchBar__searchHolder {
  min-width: 200px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .euiSearchBar__filtersHolder {
    max-width: calc(100% - 16px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .euiSearchBar__filtersHolder {
    max-width: calc(100% - 16px);
  }
}
@media only screen and (min-width: 1200px) {
  .euiSearchBar__filtersHolder {
    max-width: calc(100% - 16px);
  }
}
.euiSelectable {
  display: flex;
  flex-direction: column;
}

.euiSelectable-fullHeight {
  height: 100%;
}

.euiSelectableList:focus-within {
  outline: 2px solid currentColor;
}
.euiSelectableList:focus-within:focus-visible {
  outline-style: auto;
}
.euiSelectableList:focus-within:not(:focus-visible) {
  outline: none;
}

.euiSelectableList-fullHeight {
  flex-grow: 1;
}

.euiSelectableList-bordered {
  overflow: hidden;
  border: 1px solid #D3DAE6;
  border-radius: 6px;
}

.euiSelectableList__list {
  -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
          mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
  scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
  scrollbar-width: thin;
}
.euiSelectableList__list::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
.euiSelectableList__list::-webkit-scrollbar-thumb {
  background-color: rgba(105, 112, 125, 0.5);
  background-clip: content-box;
  border-radius: 16px;
  border: 6px solid transparent;
}
.euiSelectableList__list::-webkit-scrollbar-corner, .euiSelectableList__list::-webkit-scrollbar-track {
  background-color: transparent;
}

.euiSelectableList__groupLabel {
  overflow-wrap: break-word !important;
  word-break: break-word;
  color: #1a1c21;
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eef2f7;
  padding: 4px 12px;
}

.euiSelectableListItem {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
  display: inline-flex;
  width: 100%;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
}
.euiSelectableListItem:not(:last-of-type) {
  border-bottom: 1px solid #eef2f7;
}
.euiSelectableListItem-isFocused:not([aria-disabled=true]), .euiSelectableListItem:hover:not([aria-disabled=true]) {
  color: #0071c2;
  background-color: rgba(0, 119, 204, 0.1);
}
.euiSelectableListItem-isFocused:not([aria-disabled=true]) .euiSelectableListItem__text, .euiSelectableListItem:hover:not([aria-disabled=true]) .euiSelectableListItem__text {
  text-decoration: underline;
}
.euiSelectableListItem[aria-disabled=true] {
  color: #98A2B3;
  cursor: not-allowed;
}
.euiSelectableListItem--paddingSmall .euiSelectableListItem__content {
  padding: 4px 12px;
}

.euiSelectableListItem__content {
  width: 100%;
  display: flex;
  align-items: center;
}

.euiSelectableListItem__icon,
.euiSelectableListItem__prepend {
  margin-right: 12px;
  flex-shrink: 0;
}

.euiSelectableListItem__append {
  margin-left: 12px;
  flex-shrink: 0;
}

.euiSelectableListItem__text {
  flex-grow: 1;
}
.euiSelectableListItem__text--truncate {
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/**
  * 1. Prevent really long input from overflowing the container.
  */
.euiSelectableMessage {
  padding: 8px;
  text-align: center;
  word-wrap: break-word; /* 1 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.euiSelectableMessage--bordered {
  overflow: hidden;
  border: 1px solid #D3DAE6;
  border-radius: 6px;
}

.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout {
  background-color: transparent;
}
.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout--group,
.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout input {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}
.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) {
  color: #FFF;
}
.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) input {
  color: inherit;
  background-color: transparent;
}
.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) input::placeholder {
  color: #bdc0c6;
  opacity: 1;
}
.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) .euiFormControlLayout__append {
  background-color: transparent;
  color: inherit;
}

.euiSelectableTemplateSitewide__listItem .euiSelectableListItem__text {
  text-decoration: none !important;
}
.euiSelectableTemplateSitewide__listItem[class*=-isFocused]:not([aria-disabled=true]) .euiSelectableTemplateSitewide__listItemTitle, .euiSelectableTemplateSitewide__listItem:hover:not([aria-disabled=true]) .euiSelectableTemplateSitewide__listItemTitle {
  text-decoration: underline;
}

.euiSelectableTemplateSitewide__optionMetasList {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: #69707D;
}

.euiSelectableTemplateSitewide__optionMeta:not(:last-of-type)::after {
  content: "•";
  margin: 0 4px;
  color: #69707D;
}

.euiSelectableTemplateSitewide__optionMeta--application {
  color: #4e779c;
  font-weight: 500;
}

.euiSelectableTemplateSitewide__optionMeta--deployment {
  color: #3b7d6a;
  font-weight: 500;
}

.euiSelectableTemplateSitewide__optionMeta--article {
  color: #8365a6;
  font-weight: 500;
}

.euiSelectableTemplateSitewide__optionMeta--case {
  color: #bc533e;
  font-weight: 500;
}

.euiSelectableTemplateSitewide__optionMeta--platform {
  color: #807234;
  font-weight: 500;
}

.euiStepNumber {
  width: 32px;
  height: 32px;
  display: inline-block;
  line-height: 32px;
  border-radius: 32px;
  text-align: center;
  color: #FFF;
  background-color: #07C;
  font-size: 14px;
  font-weight: 500;
}
.euiStepNumber .euiStepNumber__icon {
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.euiStepNumber--small {
  width: 24px;
  height: 24px;
  display: inline-block;
  line-height: 24px;
  border-radius: 24px;
  text-align: center;
  color: #FFF;
  background-color: #07C;
  font-size: 12px;
  font-weight: 500;
}
.euiStepNumber--small .euiStepNumber__icon {
  top: -1px;
}
.euiStepNumber--complete .euiStepNumber__icon {
  stroke: currentColor;
  stroke-width: 0.5px;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .euiStepNumber--complete, .euiStepNumber--warning, .euiStepNumber--danger {
    animation: euiGrow 150ms cubic-bezier(0.34, 1.61, 0.7, 1);
  }
}
.euiStepNumber--loading {
  background: transparent;
}
.euiStepNumber--warning {
  color: #8a6a0a;
  background-color: #fff9e8;
}
.euiStepNumber--danger {
  color: #BD271E;
  background-color: #f8e9e9;
}
.euiStepNumber--disabled {
  color: #646a77;
  background-color: #f0f1f2;
}
.euiStepNumber--incomplete {
  color: #646a77;
  background-color: #f0f1f2;
}

/**
 * 1. Ensure that the step number vertically aligns with the title text
 */
.euiStep:not(:last-of-type) {
  background-image: linear-gradient(to right, transparent 0, transparent 15px, #D3DAE6 15px, #D3DAE6 17px, transparent 17px, transparent 100%);
  background-repeat: no-repeat;
  background-position: left 40px;
}
.euiStep--small:not(:last-of-type) {
  background-position: left -4px top 32px;
}
.euiStep--small .euiStep__content {
  padding-left: 28px;
  margin-left: 12px;
}

.euiStep__titleWrapper {
  display: flex;
}

.euiStep__circle {
  flex-shrink: 0;
  margin-right: 16px;
  vertical-align: top; /* 1 */
}

.euiStep__content {
  padding: 16px 16px 32px;
  margin: 8px 0;
  padding-left: 32px;
  margin-left: 16px;
}

.euiSubSteps {
  padding: 16px;
  background-color: #F5F7FA;
  margin-bottom: 16px;
}
.euiSubSteps > *:last-child {
  margin-bottom: 0;
}
.euiText .euiSubSteps ol, .euiSubSteps ol {
  list-style-type: lower-alpha;
}

/**
 * 1. Ensure the connecting lines stays behind the number
 * 2. Make each step the same width
 * 3. Make the content of each step align to the top, even if the steps are of varying heights,
 *    e.g. due to some of their titles wrapping to multiple lines
 */
.euiStepsHorizontal {
  display: flex;
  align-items: stretch;
  background: rgba(245, 247, 250, 0.5);
}

.euiStepHorizontal__item {
  flex-grow: 1; /* 2 */
  flex-basis: 0%; /* 2 */
}
.euiStepHorizontal__item:first-of-type > .euiStepHorizontal::before, .euiStepHorizontal__item:last-of-type > .euiStepHorizontal::after {
  display: none;
}

.euiStepHorizontal {
  padding: 24px 16px 16px;
  display: flex; /* 3 */
  flex-direction: column; /* 3 */
  align-items: center; /* 3 */
  justify-content: flex-start; /* 3 */
  cursor: pointer;
  position: relative;
  width: 100%;
}
.euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__title, .euiStepHorizontal:hover:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__title {
  text-decoration: underline;
}
.euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) {
  outline: none;
}
.euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__number {
  outline: 2px solid currentColor;
}
.euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__number:focus-visible {
  outline-style: auto;
}
.euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__number:not(:focus-visible) {
  outline: none;
}
.euiStepHorizontal.euiStepHorizontal-isDisabled {
  cursor: not-allowed;
}
.euiStepHorizontal::before, .euiStepHorizontal::after {
  content: "";
  position: absolute;
  width: calc(50% - 16px);
  height: 1px;
  top: 40px;
  background-color: #D3DAE6;
  z-index: 0; /* 1 */
}
.euiStepHorizontal::before {
  left: 0;
}
.euiStepHorizontal::after {
  right: 0;
}

.euiStepHorizontal__number {
  position: relative; /* 1 */
  z-index: 1; /* 1 */
  transition: all 150ms ease-in-out;
}

.euiStepHorizontal__title {
  overflow-wrap: break-word !important;
  word-break: break-word;
  color: #1a1c21;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.7142857143rem;
  font-weight: 700;
  margin-top: 8px;
  font-weight: 400;
  text-align: center;
}
.euiStepHorizontal-isDisabled .euiStepHorizontal__title {
  color: #69707D;
}

.euiStepHorizontal-isComplete::before, .euiStepHorizontal-isComplete::after {
  height: 2px;
  background-color: #07C;
}

.euiStepHorizontal-isSelected .euiStepHorizontal__number:not([class*=danger]):not([class*=warning]):not([class*=loading]) {
  box-shadow: 0 0.8px 0.8px rgba(20, 116, 184, 0.04), 0 2.3px 2px rgba(20, 116, 184, 0.03);
}
.euiStepHorizontal-isSelected::before {
  height: 2px;
  background-color: #07C;
}

@media only screen and (max-width: 574px) {
  .euiStepHorizontal {
    padding-top: 16px;
  }
  .euiStepHorizontal::before, .euiStepHorizontal::after {
    top: 32px;
  }
  .euiStepHorizontal__title {
    display: none;
  }
}
@media only screen and (min-width: 575px) and (max-width: 767px) {
  .euiStepHorizontal {
    padding-top: 16px;
  }
  .euiStepHorizontal::before, .euiStepHorizontal::after {
    top: 32px;
  }
  .euiStepHorizontal__title {
    display: none;
  }
}
.euiSuggestItem {
  display: flex;
  align-items: flex-start;
  font-size: 12px;
  line-height: 16px;
  color: #343741;
  flex: 1 1 100%;
  max-width: 100%;
}
.euiSuggestItem--truncate .euiSuggestItem__label,
.euiSuggestItem--truncate .euiSuggestItem__description {
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

button.euiSuggestItem {
  width: 100%;
  text-align: left;
}
button.euiSuggestItem:hover, button.euiSuggestItem:focus {
  cursor: pointer;
  background-color: rgba(0, 119, 204, 0.1);
}
button.euiSuggestItem:hover .euiSuggestItem__label, button.euiSuggestItem:focus .euiSuggestItem__label {
  text-decoration: underline;
}

.euiSuggestItem__type--tint0 {
  background-color: #e0f1ed;
  color: #357160;
}

.euiSuggestItem__type--tint1 {
  background-color: #e2ebf4;
  color: #466b8d;
}

.euiSuggestItem__type--tint2 {
  background-color: #f7e2e9;
  color: #a34a68;
}

.euiSuggestItem__type--tint3 {
  background-color: #ebe5f2;
  color: #765b96;
}

.euiSuggestItem__type--tint4 {
  background-color: #f5ebf0;
  color: #865f74;
}

.euiSuggestItem__type--tint5 {
  background-color: #f8f3e1;
  color: #7a6c31;
}

.euiSuggestItem__type--tint6 {
  background-color: #f2efea;
  color: #756a56;
}

.euiSuggestItem__type--tint7 {
  background-color: #f8eade;
  color: #915c2e;
}

.euiSuggestItem__type--tint8 {
  background-color: #f0e3e1;
  color: #92564a;
}

.euiSuggestItem__type--tint9 {
  background-color: #fbe3df;
  color: #aa4b38;
}

.euiSuggestItem__type--tint10 {
  background-color: #e4e5e8;
  color: #5f6571;
}

.euiSuggestItem__type {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: flex-start;
  padding-top: 8px;
  width: 32px;
  min-height: 32px;
  align-self: stretch;
}

.euiSuggestItem__label,
.euiSuggestItem__description {
  overflow-wrap: break-word !important;
  word-break: break-word;
  display: inline-block;
  padding: 8px;
  flex-grow: 1;
}

.euiSuggestItem__label {
  font-family: "Roboto Mono", Consolas, Menlo, Courier, monospace;
}
.euiSuggestItem__label.euiSuggestItem__label--width20 {
  flex-basis: calc(20% - 16px);
  min-width: calc(20% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width21 {
  flex-basis: calc(21% - 16px);
  min-width: calc(21% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width22 {
  flex-basis: calc(22% - 16px);
  min-width: calc(22% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width23 {
  flex-basis: calc(23% - 16px);
  min-width: calc(23% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width24 {
  flex-basis: calc(24% - 16px);
  min-width: calc(24% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width25 {
  flex-basis: calc(25% - 16px);
  min-width: calc(25% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width26 {
  flex-basis: calc(26% - 16px);
  min-width: calc(26% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width27 {
  flex-basis: calc(27% - 16px);
  min-width: calc(27% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width28 {
  flex-basis: calc(28% - 16px);
  min-width: calc(28% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width29 {
  flex-basis: calc(29% - 16px);
  min-width: calc(29% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width30 {
  flex-basis: calc(30% - 16px);
  min-width: calc(30% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width31 {
  flex-basis: calc(31% - 16px);
  min-width: calc(31% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width32 {
  flex-basis: calc(32% - 16px);
  min-width: calc(32% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width33 {
  flex-basis: calc(33% - 16px);
  min-width: calc(33% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width34 {
  flex-basis: calc(34% - 16px);
  min-width: calc(34% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width35 {
  flex-basis: calc(35% - 16px);
  min-width: calc(35% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width36 {
  flex-basis: calc(36% - 16px);
  min-width: calc(36% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width37 {
  flex-basis: calc(37% - 16px);
  min-width: calc(37% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width38 {
  flex-basis: calc(38% - 16px);
  min-width: calc(38% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width39 {
  flex-basis: calc(39% - 16px);
  min-width: calc(39% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width40 {
  flex-basis: calc(40% - 16px);
  min-width: calc(40% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width41 {
  flex-basis: calc(41% - 16px);
  min-width: calc(41% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width42 {
  flex-basis: calc(42% - 16px);
  min-width: calc(42% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width43 {
  flex-basis: calc(43% - 16px);
  min-width: calc(43% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width44 {
  flex-basis: calc(44% - 16px);
  min-width: calc(44% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width45 {
  flex-basis: calc(45% - 16px);
  min-width: calc(45% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width46 {
  flex-basis: calc(46% - 16px);
  min-width: calc(46% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width47 {
  flex-basis: calc(47% - 16px);
  min-width: calc(47% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width48 {
  flex-basis: calc(48% - 16px);
  min-width: calc(48% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width49 {
  flex-basis: calc(49% - 16px);
  min-width: calc(49% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width50 {
  flex-basis: calc(50% - 16px);
  min-width: calc(50% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width51 {
  flex-basis: calc(51% - 16px);
  min-width: calc(51% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width52 {
  flex-basis: calc(52% - 16px);
  min-width: calc(52% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width53 {
  flex-basis: calc(53% - 16px);
  min-width: calc(53% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width54 {
  flex-basis: calc(54% - 16px);
  min-width: calc(54% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width55 {
  flex-basis: calc(55% - 16px);
  min-width: calc(55% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width56 {
  flex-basis: calc(56% - 16px);
  min-width: calc(56% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width57 {
  flex-basis: calc(57% - 16px);
  min-width: calc(57% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width58 {
  flex-basis: calc(58% - 16px);
  min-width: calc(58% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width59 {
  flex-basis: calc(59% - 16px);
  min-width: calc(59% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width60 {
  flex-basis: calc(60% - 16px);
  min-width: calc(60% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width61 {
  flex-basis: calc(61% - 16px);
  min-width: calc(61% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width62 {
  flex-basis: calc(62% - 16px);
  min-width: calc(62% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width63 {
  flex-basis: calc(63% - 16px);
  min-width: calc(63% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width64 {
  flex-basis: calc(64% - 16px);
  min-width: calc(64% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width65 {
  flex-basis: calc(65% - 16px);
  min-width: calc(65% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width66 {
  flex-basis: calc(66% - 16px);
  min-width: calc(66% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width67 {
  flex-basis: calc(67% - 16px);
  min-width: calc(67% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width68 {
  flex-basis: calc(68% - 16px);
  min-width: calc(68% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width69 {
  flex-basis: calc(69% - 16px);
  min-width: calc(69% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width70 {
  flex-basis: calc(70% - 16px);
  min-width: calc(70% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width71 {
  flex-basis: calc(71% - 16px);
  min-width: calc(71% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width72 {
  flex-basis: calc(72% - 16px);
  min-width: calc(72% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width73 {
  flex-basis: calc(73% - 16px);
  min-width: calc(73% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width74 {
  flex-basis: calc(74% - 16px);
  min-width: calc(74% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width75 {
  flex-basis: calc(75% - 16px);
  min-width: calc(75% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width76 {
  flex-basis: calc(76% - 16px);
  min-width: calc(76% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width77 {
  flex-basis: calc(77% - 16px);
  min-width: calc(77% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width78 {
  flex-basis: calc(78% - 16px);
  min-width: calc(78% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width79 {
  flex-basis: calc(79% - 16px);
  min-width: calc(79% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width80 {
  flex-basis: calc(80% - 16px);
  min-width: calc(80% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width81 {
  flex-basis: calc(81% - 16px);
  min-width: calc(81% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width82 {
  flex-basis: calc(82% - 16px);
  min-width: calc(82% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width83 {
  flex-basis: calc(83% - 16px);
  min-width: calc(83% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width84 {
  flex-basis: calc(84% - 16px);
  min-width: calc(84% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width85 {
  flex-basis: calc(85% - 16px);
  min-width: calc(85% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width86 {
  flex-basis: calc(86% - 16px);
  min-width: calc(86% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width87 {
  flex-basis: calc(87% - 16px);
  min-width: calc(87% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width88 {
  flex-basis: calc(88% - 16px);
  min-width: calc(88% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width89 {
  flex-basis: calc(89% - 16px);
  min-width: calc(89% - 16px);
}
.euiSuggestItem__label.euiSuggestItem__label--width90 {
  flex-basis: calc(90% - 16px);
  min-width: calc(90% - 16px);
}
.euiSuggestItem__label--expand {
  flex-basis: auto;
}

.euiSuggestItem__description {
  color: #69707D;
  padding-top: 9px;
  flex-basis: auto;
  align-self: baseline;
}
.euiSuggestItem__description.euiSuggestItem__description--wrap {
  overflow-wrap: break-word !important;
  word-break: break-word;
  white-space: normal !important;
}

.euiSuggestItemOption[class*=isFocused] .euiSuggestItem__label, .euiSuggestItemOption:hover:not([aria-disabled=true]) .euiSuggestItem__label, .euiSuggestItemOption:focus .euiSuggestItem__label {
  text-decoration: underline;
}

.euiSuggestInput__statusIcon {
  background-color: transparent !important;
}

.euiTable {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
  font-feature-settings: "calt" 1, "kern" 1, "liga" 1, "tnum" 1;
  width: 100%;
  table-layout: fixed;
  border: none;
  border-collapse: collapse;
  background-color: #FFF;
}
.euiTable.euiTable--auto {
  table-layout: auto;
}

.euiTableCaption {
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .euiTable--compressed .euiTableCellContent {
    font-size: 12px;
    font-size: 0.8571428571rem;
    line-height: 1.1428571429rem;
    padding: 4px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .euiTable--compressed .euiTableCellContent {
    font-size: 12px;
    font-size: 0.8571428571rem;
    line-height: 1.1428571429rem;
    padding: 4px;
  }
}
@media only screen and (min-width: 1200px) {
  .euiTable--compressed .euiTableCellContent {
    font-size: 12px;
    font-size: 0.8571428571rem;
    line-height: 1.1428571429rem;
    padding: 4px;
  }
}
.euiTableFooterCell,
.euiTableHeaderCell {
  vertical-align: middle;
  border-top: 1px solid #D3DAE6;
  border-bottom: 1px solid #D3DAE6;
  font-weight: inherit;
  text-align: left;
  overflow-wrap: break-word !important;
  word-break: break-word;
  color: #1a1c21;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
  font-weight: 700;
  font-weight: 500;
  border: none;
}
.euiTableFooterCell .euiTableHeaderButton,
.euiTableHeaderCell .euiTableHeaderButton {
  text-align: left;
  font-weight: 500;
}
.euiTableFooterCell .euiTableCellContent__text,
.euiTableHeaderCell .euiTableCellContent__text {
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
  font-weight: 600;
}

.euiTableHeaderButton {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
  color: inherit;
  width: 100%;
}
.euiTableHeaderButton:hover .euiTableCellContent__text, .euiTableHeaderButton:focus .euiTableCellContent__text {
  text-decoration: underline;
  color: #07C;
}
.euiTableHeaderButton:hover .euiTableSortIcon, .euiTableHeaderButton:focus .euiTableSortIcon {
  fill: #07C;
}

.euiTableSortIcon {
  margin-left: 4px;
  flex-shrink: 0;
}
.euiTableHeaderButton-isSorted .euiTableSortIcon {
  fill: #1a1c21;
}

.euiTableHeaderCellCheckbox {
  vertical-align: middle;
  border-top: 1px solid #D3DAE6;
  border-bottom: 1px solid #D3DAE6;
  font-weight: inherit;
  text-align: left;
  width: 32px;
  vertical-align: middle;
  border: none;
}

.euiTableRow:hover {
  background-color: #fafbfd;
}
.euiTableRow.euiTableRow-isClickable:hover {
  background-color: rgba(0, 119, 204, 0.05);
  cursor: pointer;
}
.euiTableRow.euiTableRow-isClickable:focus {
  background-color: rgba(0, 119, 204, 0.1);
}
.euiTableRow.euiTableRow-isExpandedRow {
  background-color: #fafbfd;
}
.euiTableRow.euiTableRow-isExpandedRow.euiTableRow-isSelectable .euiTableCellContent {
  padding-left: 40px;
}
.euiTableRow.euiTableRow-isSelected {
  background-color: rgba(227, 240, 249, 0.37);
}
.euiTableRow.euiTableRow-isSelected + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
  background-color: rgba(227, 240, 249, 0.37);
}
.euiTableRow.euiTableRow-isSelected:hover, .euiTableRow.euiTableRow-isSelected:hover + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
  background-color: rgba(0, 119, 204, 0.1);
}

.euiTableRowCell {
  vertical-align: middle;
  border-top: 1px solid #D3DAE6;
  border-bottom: 1px solid #D3DAE6;
  font-weight: inherit;
  text-align: left;
  color: #343741;
}
.euiTableRowCell--top {
  vertical-align: top;
}
.euiTableRowCell--bottom {
  vertical-align: bottom;
}
.euiTableRowCell--baseline {
  vertical-align: baseline;
}
.euiTableRowCell.euiTableRowCell--isMobileHeader {
  display: none;
}

.euiTableRowCellCheckbox {
  vertical-align: middle;
  border-top: 1px solid #D3DAE6;
  border-bottom: 1px solid #D3DAE6;
  font-weight: inherit;
  text-align: left;
  width: 32px;
  vertical-align: middle;
}

.euiTableFooterCell {
  background-color: #F5F7FA;
}

/**
 * 1. Vertically align all children.
 * 2. The padding on this div allows the ellipsis to show if the content is truncated. If
 *    the padding was on the cell, the ellipsis would be cropped.
 * 4. Prevent very long single words (e.g. the name of a field in a document) from overflowing
 *    the cell.
 */
.euiTableCellContent {
  overflow: hidden; /* 4 */
  display: flex;
  align-items: center; /* 1 */
  padding: 8px; /* 2 */
}

.euiTableCellContent__text {
  overflow-wrap: break-word !important;
  word-break: break-word;
  /* 4 */
  min-width: 0;
  text-overflow: ellipsis;
}

.euiTableCellContent--alignRight {
  justify-content: flex-end;
  text-align: right;
}

.euiTableCellContent--alignCenter {
  justify-content: center;
  text-align: center;
}

.euiTableHeaderCell,
.euiTableFooterCell,
.euiTableCellContent--truncateText {
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.euiTableHeaderCell .euiTableCellContent__text,
.euiTableFooterCell .euiTableCellContent__text,
.euiTableCellContent--truncateText .euiTableCellContent__text {
  overflow: hidden;
}

.euiTableCellContent--overflowingContent {
  overflow: visible;
  white-space: normal;
  word-break: break-word;
}

.euiTableCellContent--showOnHover > *:not(:first-child) {
  margin-left: 8px;
}

.euiTableRow-hasActions .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem {
  flex-shrink: 0;
  opacity: 0.7;
  filter: grayscale(100%);
  transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide,
.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled,
.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled:hover,
.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled:focus, .euiTableRow:hover .euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled {
  filter: grayscale(0%);
  opacity: 0;
}
.euiTableRow-hasActions:hover .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem:not(:disabled), .euiTableRow-hasActions:hover .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem:not(:disabled):hover, .euiTableRow-hasActions:hover .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem:not(:disabled):focus {
  opacity: 1;
  filter: grayscale(0%);
}

.euiTableRow-isExpandedRow .euiTableCellContent {
  overflow: hidden;
  animation: 250ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards growExpandedRow;
}

@keyframes growExpandedRow {
  0% {
    max-height: 0;
  }
  99% {
    max-height: 100vh;
  }
  100% {
    max-height: none;
    max-height: initial;
  }
}
.euiTableRowCell__mobileHeader {
  display: none;
}

@media only screen and (max-width: 574px) {
  .euiTableRowCell--hideForMobile {
    display: none !important;
  }
}
@media only screen and (min-width: 575px) and (max-width: 767px) {
  .euiTableRowCell--hideForMobile {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .euiTableRowCell--hideForDesktop {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .euiTableRowCell--hideForDesktop {
    display: none !important;
  }
}
@media only screen and (min-width: 1200px) {
  .euiTableRowCell--hideForDesktop {
    display: none !important;
  }
}
@media only screen and (max-width: 574px) {
  .euiTable.euiTable--responsive thead {
    display: none;
  }
  .euiTable.euiTable--responsive tfoot {
    display: none;
  }
  .euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
    max-width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 9.625px;
    font-size: 0.6875rem;
    display: block;
    color: #69707D;
    padding: 8px;
    padding-bottom: 0;
    margin-bottom: -8px;
    min-height: 24px;
  }
  .euiTableRowCell:only-child .euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
    min-height: 0;
  }
  .euiTable.euiTable--responsive .euiTableRowCell--enlargeForMobile {
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
  }
  .euiTable.euiTable--responsive .euiTableRow {
    flex-grow: 1;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--flexGrowZero {
    flex-grow: 0;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasShadow {
    box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.08), 0 2.6px 8px -1px rgba(0, 0, 0, 0.06), 0 5.7px 12px -1px rgba(0, 0, 0, 0.05), 0 15px 15px -1px rgba(0, 0, 0, 0.04);
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasBorder {
    border: 1px solid #D3DAE6;
    box-shadow: none;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable {
    transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:enabled {
    display: block;
    width: 100%;
    text-align: left;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:hover, .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:focus {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 3.6px 13px rgba(0, 0, 0, 0.07), 0 8.4px 23px rgba(0, 0, 0, 0.06), 0 23px 35px rgba(0, 0, 0, 0.05);
    transform: translateY(-2px);
    cursor: pointer;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusNone {
    border-radius: 0;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusMedium {
    border-radius: 6px;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--transparent {
    background-color: transparent;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--plain {
    background-color: #FFF;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--subdued {
    background-color: #fafbfd;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--accent {
    background-color: #feedf5;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--primary {
    background-color: #e6f1fa;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--success {
    background-color: #e6f9f7;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--warning {
    background-color: #fff9e8;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--danger {
    background-color: #f8e9e9;
  }
  .euiTable.euiTable--responsive .euiTableRow {
    box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.07), 0 1.9px 4px rgba(0, 0, 0, 0.05), 0 4.5px 10px rgba(0, 0, 0, 0.05);
    background-color: #FFF;
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    padding: 8px;
    margin-bottom: 8px;
  }
  .euiTable.euiTable--responsive .euiTableRow:hover {
    background-color: #FFF;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions {
    background-image: linear-gradient(to right, rgba(152, 162, 179, 0.1) 0, rgba(152, 162, 179, 0.1) 1px, transparent 1px, transparent 100%);
    background-size: 40px 100%;
    background-position-x: right;
    background-repeat: no-repeat;
    padding-right: 40px;
    position: relative;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions {
    min-width: 0;
    width: 24px;
    position: absolute;
    top: 16px;
    right: 8px;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander::before, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions::before {
    display: none;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent {
    flex-direction: column;
    padding: 0;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent .euiLink, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent .euiLink {
    padding: 4px;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions.euiTableRow-isExpandable .euiTableRowCell--isExpander {
    top: auto;
    bottom: 16px;
    right: 0;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable {
    padding-left: 36px;
    position: relative;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable .euiTableRowCellCheckbox {
    position: absolute;
    left: 4px;
    top: 8px;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover,
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected + .euiTableRow.euiTableRow-isExpandedRow, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
    background-color: rgba(227, 240, 249, 0.37);
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow {
    background-image: linear-gradient(to right, rgba(152, 162, 179, 0.1) 0, rgba(152, 162, 179, 0.1) 1px, transparent 1px, transparent 100%);
    background-size: 40px 100%;
    background-position-x: right;
    background-repeat: no-repeat;
    box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.07), 0 1.9px 4px rgba(0, 0, 0, 0.05), 0 4.5px 10px rgba(0, 0, 0, 0.05);
    margin-top: -16px;
    position: relative;
    z-index: 2;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-left: 8px;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow:hover {
    background-color: #FFF;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
    width: calc(100% - 40px);
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell::before {
    display: none;
  }
  .euiTable.euiTable--responsive .euiTableRowCell {
    min-width: 50%;
    border: none;
  }
  .euiTable.euiTable--responsive .euiTableRowCellCheckbox {
    border: none;
  }
  .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover > * {
    margin-left: 0;
  }
  .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide {
    display: none;
  }
  .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem {
    opacity: 1;
    filter: none;
    margin-left: 0;
    margin-bottom: 8px;
  }
  .euiTable.euiTable--responsive .euiTableCellContent--alignRight {
    justify-content: flex-start;
  }
  .euiTable.euiTable--responsive .euiTableCellContent--alignCenter {
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 575px) and (max-width: 767px) {
  .euiTable.euiTable--responsive thead {
    display: none;
  }
  .euiTable.euiTable--responsive tfoot {
    display: none;
  }
  .euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
    max-width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 9.625px;
    font-size: 0.6875rem;
    display: block;
    color: #69707D;
    padding: 8px;
    padding-bottom: 0;
    margin-bottom: -8px;
    min-height: 24px;
  }
  .euiTableRowCell:only-child .euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
    min-height: 0;
  }
  .euiTable.euiTable--responsive .euiTableRowCell--enlargeForMobile {
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
  }
  .euiTable.euiTable--responsive .euiTableRow {
    flex-grow: 1;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--flexGrowZero {
    flex-grow: 0;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasShadow {
    box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.08), 0 2.6px 8px -1px rgba(0, 0, 0, 0.06), 0 5.7px 12px -1px rgba(0, 0, 0, 0.05), 0 15px 15px -1px rgba(0, 0, 0, 0.04);
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasBorder {
    border: 1px solid #D3DAE6;
    box-shadow: none;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable {
    transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:enabled {
    display: block;
    width: 100%;
    text-align: left;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:hover, .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:focus {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 3.6px 13px rgba(0, 0, 0, 0.07), 0 8.4px 23px rgba(0, 0, 0, 0.06), 0 23px 35px rgba(0, 0, 0, 0.05);
    transform: translateY(-2px);
    cursor: pointer;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusNone {
    border-radius: 0;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusMedium {
    border-radius: 6px;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--transparent {
    background-color: transparent;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--plain {
    background-color: #FFF;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--subdued {
    background-color: #fafbfd;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--accent {
    background-color: #feedf5;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--primary {
    background-color: #e6f1fa;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--success {
    background-color: #e6f9f7;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--warning {
    background-color: #fff9e8;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--danger {
    background-color: #f8e9e9;
  }
  .euiTable.euiTable--responsive .euiTableRow {
    box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.07), 0 1.9px 4px rgba(0, 0, 0, 0.05), 0 4.5px 10px rgba(0, 0, 0, 0.05);
    background-color: #FFF;
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    padding: 8px;
    margin-bottom: 8px;
  }
  .euiTable.euiTable--responsive .euiTableRow:hover {
    background-color: #FFF;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions {
    background-image: linear-gradient(to right, rgba(152, 162, 179, 0.1) 0, rgba(152, 162, 179, 0.1) 1px, transparent 1px, transparent 100%);
    background-size: 40px 100%;
    background-position-x: right;
    background-repeat: no-repeat;
    padding-right: 40px;
    position: relative;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions {
    min-width: 0;
    width: 24px;
    position: absolute;
    top: 16px;
    right: 8px;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander::before, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions::before {
    display: none;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent {
    flex-direction: column;
    padding: 0;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent .euiLink, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent .euiLink {
    padding: 4px;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions.euiTableRow-isExpandable .euiTableRowCell--isExpander {
    top: auto;
    bottom: 16px;
    right: 0;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable {
    padding-left: 36px;
    position: relative;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable .euiTableRowCellCheckbox {
    position: absolute;
    left: 4px;
    top: 8px;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover,
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected + .euiTableRow.euiTableRow-isExpandedRow, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
    background-color: rgba(227, 240, 249, 0.37);
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow {
    background-image: linear-gradient(to right, rgba(152, 162, 179, 0.1) 0, rgba(152, 162, 179, 0.1) 1px, transparent 1px, transparent 100%);
    background-size: 40px 100%;
    background-position-x: right;
    background-repeat: no-repeat;
    box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.07), 0 1.9px 4px rgba(0, 0, 0, 0.05), 0 4.5px 10px rgba(0, 0, 0, 0.05);
    margin-top: -16px;
    position: relative;
    z-index: 2;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-left: 8px;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow:hover {
    background-color: #FFF;
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
    width: calc(100% - 40px);
  }
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell::before {
    display: none;
  }
  .euiTable.euiTable--responsive .euiTableRowCell {
    min-width: 50%;
    border: none;
  }
  .euiTable.euiTable--responsive .euiTableRowCellCheckbox {
    border: none;
  }
  .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover > * {
    margin-left: 0;
  }
  .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide {
    display: none;
  }
  .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem {
    opacity: 1;
    filter: none;
    margin-left: 0;
    margin-bottom: 8px;
  }
  .euiTable.euiTable--responsive .euiTableCellContent--alignRight {
    justify-content: flex-start;
  }
  .euiTable.euiTable--responsive .euiTableCellContent--alignCenter {
    justify-content: flex-start;
  }
}
.euiTableHeaderMobile,
.euiTableHeaderCell--hideForDesktop {
  display: none;
}

@media only screen and (max-width: 574px) {
  .euiTableHeaderMobile {
    display: flex;
    justify-content: flex-end;
    padding: 8px 0;
  }
  .euiTableSortMobile {
    display: block;
  }
}
@media only screen and (min-width: 575px) and (max-width: 767px) {
  .euiTableHeaderMobile {
    display: flex;
    justify-content: flex-end;
    padding: 8px 0;
  }
  .euiTableSortMobile {
    display: block;
  }
}
.euiComboBox--appended .euiFormControlLayout__childrenWrapper {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.euiComboBox--appended .euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.euiComboBox--appended.euiComboBox--prepended .euiFormControlLayout__childrenWrapper {
  border-radius: 0;
}
.euiComboBox--appended.euiComboBox--prepended .euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper {
  border-radius: 0;
}
.euiComboBox--prepended .euiFormControlLayout__childrenWrapper {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.euiComboBox--prepended .euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.euiDataGrid--fontSizeLarge .euiDataGridRowCell {
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.7142857143rem;
}

.euiDatePicker.euiDatePicker--shadow .react-datepicker-popper,
.euiDatePicker.euiDatePicker--shadow .react-datepicker-popper[data-placement^=top] {
  border: none;
  border-radius: 6px;
}

.euiDatePickerRange {
  border-radius: 6px;
}

.euiDatePicker.euiDatePicker--shadow.euiDatePicker--inline .react-datepicker {
  border: none;
}

.euiSuperDatePicker__prettyFormat {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.euiFormControlLayout--compressed.euiSuperDatePicker .euiSuperDatePicker__prettyFormat {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.euiDatePopoverButton--start {
  text-align: center;
}

.euiDatePopoverButton--end {
  text-align: center;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.euiDatePopoverButton--end.euiDatePopoverButton--compressed {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--compressed .euiDescriptionList__title {
  line-height: 1.5;
}

.euiFilterGroup {
  border: none;
  border-radius: 6px;
  background-color: #fbfcfd;
  box-shadow: inset 0 0 0 1px rgba(17, 42, 134, 0.1);
}

.euiFilterGroup--compressed {
  border-radius: 4px;
}
.euiFilterGroup--compressed .euiFilterButton {
  height: 32px;
}

.euiFilterButton {
  border-radius: 0;
  border: none;
  background-color: transparent;
  box-shadow: 0 1px 0 0 rgba(17, 42, 134, 0.1), -1px 0 0 0 rgba(17, 42, 134, 0.1);
}
.euiFilterButton--withNext + .euiFilterButton {
  box-shadow: 0 1px 0 0 rgba(17, 42, 134, 0.1);
}

.euiFormControlLayout--group {
  border-radius: 6px;
  background-color: #e9edf3;
}
.euiFormControlLayout--group .euiFormControlLayout__prepend:first-child {
  border-radius: 5px 0 0 5px;
}
.euiFormControlLayout--group .euiFormControlLayout__prepend:first-child [class*=euiButton] {
  border-radius: 5px 0 0 5px;
}
.euiFormControlLayout--group .euiFormControlLayout__append:last-child {
  border-radius: 0 5px 5px 0;
}
.euiFormControlLayout--group .euiFormControlLayout__append:last-child [class*=euiButton] {
  border-radius: 0 5px 5px 0;
}
.euiFormControlLayout--group [class*=euiButton]:focus {
  outline: 2px solid currentColor;
  outline-offset: -2px;
}
.euiFormControlLayout--group [class*=euiButton]:focus:focus-visible {
  outline-style: auto;
}
.euiFormControlLayout--group [class*=euiButton]:focus:not(:focus-visible) {
  outline: none;
}
.euiFormControlLayout--group .euiToolTipAnchor > .euiIcon {
  border-radius: 0 5px 5px 0;
}
.euiFormControlLayout--group .euiToolTipAnchor:first-child [class*=euiButton] {
  border-radius: 5px 0 0 5px;
}
.euiFormControlLayout--group .euiToolTipAnchor:last-child [class*=euiButton],
.euiFormControlLayout--group .euiToolTipAnchor:last-child .euiText {
  border-radius: 0 5px 5px 0;
}
.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:nth-child(2) [class*=euiField],
.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:nth-child(3) [class*=euiField] {
  border-radius: 0;
}
.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:first-child .euiSelect,
.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:first-child .euiSuperSelectControl,
.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:first-child [class*=euiField] {
  border-radius: 6px 0 0 6px;
}
.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:last-child .euiSelect,
.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:last-child .euiSuperSelectControl,
.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:last-child [class*=euiField] {
  border-radius: 0 6px 6px 0;
}
.euiFormControlLayout--group.euiFormControlLayout--compressed {
  border-radius: 4px;
  background-color: #e9edf3;
}
.euiFormControlLayout--group.euiFormControlLayout--compressed.euiFormControlLayout--readOnly input {
  background-color: #FFF;
}
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__prepend:first-child {
  border-radius: 3px 0 0 3px;
}
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__prepend:first-child [class*=euiButton] {
  border-radius: 4px 0 0 4px;
}
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__append:last-child {
  border-radius: 0 3px 3px 0;
}
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__append:last-child [class*=euiButton] {
  border-radius: 0 3px 3px 0;
}
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiToolTipAnchor > .euiIcon {
  border-radius: 0 3px 3px 0;
}
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiToolTipAnchor:first-child [class*=euiButton] {
  border-radius: 3px 0 0 3px;
}
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiToolTipAnchor:last-child [class*=euiButton],
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiToolTipAnchor:last-child .euiText {
  border-radius: 0 3px 3px 0;
}
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:nth-child(2) [class*=euiField],
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:nth-child(3) [class*=euiField] {
  border-radius: 0;
}
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:first-child .euiSelect,
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:first-child [class*=euiField] {
  border-radius: 3px 0 0 3px;
}
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:last-child .euiSelect,
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:last-child [class*=euiField] {
  border-radius: 0 3px 3px 0;
}

.euiFormControlLayoutDelimited {
  border-radius: 6px;
}
.euiFormControlLayoutDelimited.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:first-child {
  border-radius: 6px 0 0 6px;
}
.euiFormControlLayoutDelimited .euiFormControlLayout__childrenWrapper:only-child {
  border-radius: 6px;
  overflow: hidden;
}
.euiFormControlLayoutDelimited .euiFormControlLayout__prepend + .euiFormControlLayout__childrenWrapper:last-child {
  border-radius: 0 6px 6px 0;
}
.euiFormControlLayoutDelimited.euiFormControlLayout--compressed.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:first-child {
  border-radius: 4px 0 0 4px;
}
.euiFormControlLayoutDelimited.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:only-child {
  border-radius: 4px;
  overflow: hidden;
}
.euiFormControlLayoutDelimited.euiFormControlLayout--compressed .euiFormControlLayout__prepend + .euiFormControlLayout__childrenWrapper:last-child {
  border-radius: 0 4px 4px 0;
}

.euiRadio .euiRadio__input:focus + .euiRadio__circle {
  outline: 2px solid #0071c2;
  outline-offset: 2px;
}
.euiRadio .euiRadio__input:focus:focus-visible + .euiRadio__circle {
  outline: 2px solid #0071c2;
  outline-offset: 2px;
}
.euiRadio .euiRadio__input:focus:not(:focus-visible) + .euiRadio__circle {
  outline: none;
}

.euiCheckbox .euiCheckbox__input:focus + .euiCheckbox__square {
  outline: 2px solid #0071c2;
  outline-offset: 2px;
}
.euiCheckbox .euiCheckbox__input:focus:focus-visible + .euiCheckbox__square {
  outline: 2px solid #0071c2;
  outline-offset: 2px;
}
.euiCheckbox .euiCheckbox__input:focus:not(:focus-visible) + .euiCheckbox__square {
  outline: none;
}

.euiSwitch .euiSwitch__button:focus {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.euiSwitch .euiSwitch__button:focus:focus-visible {
  outline-style: auto;
}
.euiSwitch .euiSwitch__button:focus:not(:focus-visible) {
  outline: none;
}
.euiSwitch .euiSwitch__button:focus .euiSwitch__track {
  outline: none;
}

.euiHeader {
  height: 48px;
  padding-left: 8px;
  padding-right: 8px;
}

.euiHeaderSectionItem::after {
  display: none !important;
}

.euiHeaderLogo {
  padding-left: 8px;
  padding-right: 8px;
  min-width: 40px;
}
@media only screen and (max-width: 574px) {
  .euiHeaderLogo {
    padding-left: 4px;
  }
}

.euiHeaderLogo__text {
  overflow-wrap: break-word !important;
  word-break: break-word;
  color: #1a1c21;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
  font-weight: 700;
}

.euiHeader--default + .euiHeader--default {
  border-top: 1px solid #D3DAE6;
}

.euiHue {
  position: relative;
  height: 12px;
  border-radius: 12px;
  margin: 8px 0;
}
.euiHue::before, .euiHue::after {
  display: none;
}
.euiHue__range {
  top: -6px;
}
.euiHue__range::-webkit-slider-thumb {
  border: 3px solid #FFF;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
  background-color: inherit;
}
.euiHue__range::-moz-range-thumb {
  border: 3px solid #FFF;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
  background-color: inherit;
}
.euiHue__range::-ms-thumb {
  border: 3px solid #FFF;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
  background-color: inherit;
}
.euiHue__range:focus {
  outline: none;
}
.euiHue__range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 2px #0071c2;
  border: 3px solid #FFF;
}
.euiHue__range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 2px #0071c2;
  border: 3px solid #FFF;
}
.euiHue__range:focus::-ms-thumb {
  box-shadow: 0 0 0 2px #0071c2;
  border: 3px solid #FFF;
}
.euiHue__range:focus:not(:focus-visible)::-webkit-slider-thumb {
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
}
.euiHue__range:focus:not(:focus-visible)::-moz-range-thumb {
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
}
.euiHue__range:focus:not(:focus-visible)::-ms-thumb {
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
}
.euiHue__range:focus:focus-visible {
  outline: none;
}

.euiKeyPadMenuItem {
  border: none !important;
  box-shadow: none;
}
.euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):hover, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus:hover, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus-within {
  box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.07), 0 1.9px 4px rgba(0, 0, 0, 0.05), 0 4.5px 10px rgba(0, 0, 0, 0.05);
}
.euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus {
  box-shadow: none;
}
.euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled) {
  box-shadow: none;
}
.euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):hover {
  box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.07), 0 1.9px 4px rgba(0, 0, 0, 0.05), 0 4.5px 10px rgba(0, 0, 0, 0.05);
}
.euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled), .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):hover, .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):focus, .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):focus-within {
  background-color: rgba(0, 119, 204, 0.1);
  color: #006bb8;
}
.euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected.euiKeyPadMenuItem-isDisabled {
  background-color: rgba(171, 180, 196, 0.1);
  color: #a2abba;
}

.euiKeyPadMenuItem__label {
  font-weight: 600;
}

.euiMarkdownEditorToolbar {
  border-radius: 6px 6px 0 0;
}

.euiMarkdownEditorTextArea:focus {
  outline: none;
}
.euiMarkdownEditorTextArea:focus:focus-visible {
  outline-style: none;
}

.euiMarkdownEditorPreview,
.euiMarkdownEditorFooter {
  border-radius: 0 0 6px 6px;
}

.euiSideNavItem--root {
  padding-bottom: 8px;
}
.euiSideNavItem--root + .euiSideNavItem--root {
  padding-top: 8px;
  margin-top: 8px;
}
.euiSideNavItem--root > .euiSideNavItemButton {
  margin-bottom: 4px;
}
.euiSideNavItem--root > .euiSideNavItemButton .euiSideNavItemButton__label {
  overflow-wrap: break-word !important;
  word-break: break-word;
  color: #1a1c21;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143rem;
  font-weight: 700;
  color: inherit;
}

.euiStepHorizontal-isDisabled .euiStepHorizontal__title,
.euiStep-isDisabled .euiStep__title {
  color: #ABB4C4;
}

.euiStepNumber {
  outline-color: #07C;
}
.euiStepNumber .euiStepNumber__icon {
  position: relative;
  top: -1px;
}
.euiStepNumber--small .euiStepNumber__icon {
  top: -1px;
}
.euiStepNumber--complete .euiStepNumber__icon, .euiStepNumber--danger .euiStepNumber__icon {
  stroke: currentColor;
  stroke-width: 0.5px;
}
.euiStepNumber--default {
  background-color: #07C;
  color: #FFF;
  outline-color: #000 !important;
}
.euiStepNumber--complete {
  background-color: #00BFB3;
  color: #000;
  outline-color: #000 !important;
}
.euiStepNumber--warning {
  background-color: #FEC514;
  color: #000;
  outline-color: #000 !important;
}
.euiStepNumber--danger {
  background-color: #BD271E;
  color: #FFF;
  outline-color: #000 !important;
}
.euiStepNumber.euiStepNumber--incomplete {
  background-color: transparent;
  color: #343741;
  border: 2px solid #D3DAE6;
}
.euiStepNumber.euiStepNumber--incomplete .euiStepNumber__number {
  display: inline;
  display: initial;
  position: relative;
  top: -2px;
}

.euiStepNumber--disabled {
  background-color: rgba(171, 180, 196, 0.1);
  color: #a2abba;
}

.euiStepHorizontal__title {
  font-weight: 700;
}

.euiStepHorizontal::before, .euiStepHorizontal::after {
  height: 2px;
  background-color: #07C;
  background-color: #D3DAE6;
}

.euiStep:not(:last-of-type) {
  background-position: left 32px;
}
.euiStep--small:not(:last-of-type) {
  background-position: -4px 24px;
}

.euiStep__content {
  padding-bottom: 40px;
  margin-bottom: 0;
}

.euiStepsHorizontal {
  background: none;
}

.euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__number:not(:focus-visible) {
  outline: 2px solid #07C;
}
/* Professional Error Pages - Inspired by Stripe, Vercel, Linear */

.ErrorPages_pageContainer__7fWN\+ {
  position: relative;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fafafa;
  font-family:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
}

.ErrorPages_contentWrapper__tefL6 {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-height: 100vh;
  width: 100%;
}

.ErrorPages_mainContent__zFTy4 {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 24px;
}

.ErrorPages_errorContent__ZsD1\+ {
  text-align: center;
  max-width: 480px;
  width: 100%;
  animation: ErrorPages_fadeIn__YP3S3 0.5s ease-out;
}

@keyframes ErrorPages_fadeIn__YP3S3 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ErrorPages_iconWrapper__p3-9i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  background: #ffffff;
  border-radius: 16px;
  margin-bottom: 24px;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.04),
    0 2px 4px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.06);
}

.ErrorPages_icon__jrp1M {
  width: 36px;
  height: 36px;
  color: #171717;
}

.ErrorPages_statusCode__-S8N2 {
  font-size: 14px;
  font-weight: 600;
  color: #737373;
  letter-spacing: 0.5px;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.ErrorPages_title__pYQtk {
  font-size: 32px;
  font-weight: 600;
  color: #171717;
  margin: 0 0 12px 0;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.ErrorPages_description__-bV2i {
  font-size: 16px;
  font-weight: 400;
  color: #737373;
  line-height: 1.6;
  margin: 0 0 32px 0;
  margin-left: auto;
  margin-right: auto;
}

.ErrorPages_actions__wn-OK {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
}

/* Footer Styles */
.ErrorPages_footer__Q-CEQ {
  border-top: 1px solid #e5e5e5;
  padding: 20px 24px;
  width: 100%;
  background: #ffffff;
}

.ErrorPages_footerContent__PJizC {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.ErrorPages_logoButton__HlIwA {
  padding: 0 !important;
  margin: 0 !important;
}

.ErrorPages_logo__q92ii {
  width: 60px;
  height: 60px;
}

.ErrorPages_copyright__VRCxQ {
  font-size: 14px;
  color: #737373;
  text-align: center;
}

/* Responsive Design */
@media (max-width: 640px) {
  .ErrorPages_mainContent__zFTy4 {
    padding: 20px;
  }

  .ErrorPages_iconWrapper__p3-9i {
    width: 64px;
    height: 64px;
    margin-bottom: 20px;
  }

  .ErrorPages_icon__jrp1M {
    width: 32px;
    height: 32px;
  }

  .ErrorPages_statusCode__-S8N2 {
    font-size: 13px;
    margin-bottom: 12px;
  }

  .ErrorPages_title__pYQtk {
    font-size: 28px;
    margin-bottom: 10px;
  }

  .ErrorPages_description__-bV2i {
    font-size: 15px;
    margin-bottom: 28px;
  }

  .ErrorPages_actions__wn-OK {
    flex-direction: column;
    width: 100%;
  }

  .ErrorPages_logo__q92ii {
    width: 50px;
    height: 50px;
  }

  .ErrorPages_copyright__VRCxQ {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  .ErrorPages_iconWrapper__p3-9i {
    width: 56px;
    height: 56px;
    margin-bottom: 16px;
  }

  .ErrorPages_icon__jrp1M {
    width: 28px;
    height: 28px;
  }

  .ErrorPages_title__pYQtk {
    font-size: 24px;
  }

  .ErrorPages_description__-bV2i {
    font-size: 14px;
  }

  .ErrorPages_copyright__VRCxQ {
    font-size: 12px;
  }
}

/* Dark mode support (optional) */
@media (prefers-color-scheme: dark) {
  .ErrorPages_pageContainer__7fWN\+ {
    background: #0a0a0a;
  }

  .ErrorPages_iconWrapper__p3-9i {
    background: #171717;
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.08),
      0 2px 4px rgba(0, 0, 0, 0.3),
      0 8px 24px rgba(0, 0, 0, 0.4);
  }

  .ErrorPages_icon__jrp1M {
    color: #fafafa;
  }

  .ErrorPages_statusCode__-S8N2 {
    color: #a3a3a3;
  }

  .ErrorPages_title__pYQtk {
    color: #fafafa;
  }

  .ErrorPages_description__-bV2i {
    color: #a3a3a3;
  }

  .ErrorPages_footer__Q-CEQ {
    background: #171717;
    border-top-color: #262626;
  }

  .ErrorPages_copyright__VRCxQ {
    color: #a3a3a3;
  }
}

/* Animation refinements */
@media (prefers-reduced-motion: reduce) {
  .ErrorPages_errorContent__ZsD1\+ {
    animation: none;
  }
}

/* Standard Version */
.Divider_divider__Uca2m {
    display: flex;
    align-items: center;
    margin: 0.25rem 0;
    width: 100%;
}

.Divider_dividerStandard__YAS00::before,
.Divider_dividerStandard__YAS00::after {
    content: '';
    flex: 1 1;
    height: 2px;
    background: linear-gradient(to right, transparent, #d1d5db, transparent);
}

.Divider_dividerStandard__YAS00::before {
    margin-right: 1rem;
}

.Divider_dividerStandard__YAS00::after {
    margin-left: 1rem;
}

.Divider_dividerText__DVf0e {
    color: #6b7280;
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
    background: inherit;
    padding: 0 0.5rem;
}

/* Minimal Version */
.Divider_dividerMinimal__eLn\+x::before,
.Divider_dividerMinimal__eLn\+x::after {
    content: '';
    flex: 1 1;
    height: 1px;
    background: #e5e7eb;
}

.Divider_dividerMinimal__eLn\+x::before {
    margin-right: 0.75rem;
}

.Divider_dividerMinimal__eLn\+x::after {
    margin-left: 0.75rem;
}

.Divider_dividerTextMinimal__PvLVv {
    color: #9ca3af;
    font-size: 0.75rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
/* Base Button */

.Button_button__OuOnx {
  border: 1px solid #d0d0d0;

  border-radius: 4px;

  font-size: 14px;

  font-weight: 500;

  cursor: pointer;

  transition: all 0.2s ease;

  background: white;

  color: #333;

  min-width: 80px;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  padding: 6px 8px;
}

.Button_button__OuOnx:hover {
  background-color: #f5f5f5;
}

/* Primary Button */

.Button_buttonPrimary__2DwVD {
  background: #2563eb;

  color: white;

  border-color: #2563eb;
}

.Button_buttonPrimary__2DwVD:hover {
  background: #1d4ed8;

  border-color: #1d4ed8;
}

/* Cancel Button */

.Button_buttonCancel__uvCEp {
  background: #f8fafc;

  color: #475569;

  border-color: #e2e8f0;
}

.Button_buttonCancel__uvCEp:hover {
  background: #f1f5f9;

  border-color: #cbd5e1;
}

/* Secondary Button (general purpose) */

.Button_buttonSecondary__ccBKD {
  background-color: white;

  color: #1976d2;

  border-color: #1976d2;
}

.Button_buttonSecondary__ccBKD:hover {
  background-color: #f3f9ff;
}

/* Back Button */
.Button_buttonBack__TrzHE {
  background-color: #f3f4f6;
  color: #4b5563;
  border-color: #d1d5db;
}

.Button_buttonBack__TrzHE:hover {
  background-color: #e5e7eb;
  border-color: #9ca3af;
}

/* Next Button */
.Button_buttonNext__WyBnw {
  background-color: #2563eb;
  color: white;
  border-color: #2563eb;
}

.Button_buttonNext__WyBnw:hover {
  background-color: #1d4ed8;
  border-color: #1d4ed8;
}

/* Disabled Button */

.Button_buttonDisabled__21wB9 {
  background-color: #f5f5f5 !important;

  color: #999 !important;

  border-color: #e0e0e0 !important;

  cursor: not-allowed !important;
}

/* Draft Button  */

.Button_buttonDraft__eHEA- {
  background-color: #f97316;

  /* Orange */

  color: white;

  border-color: #f97316;
}

.Button_buttonDraft__eHEA-:hover {
  background-color: #ea580c;

  /* Darker Orange */

  border-color: #ea580c;
}

/* Delete-Danger Button Styles */

.Button_buttonDelete__IdFha {
  background-color: transparent;

  color: #dc2626;

  border: 2px solid #dc2626;

  font-weight: 500;

  transition: all 0.2s ease;
}

.Button_buttonDelete__IdFha:hover:not(.Button_buttonDisabled__21wB9) {
  background-color: #dc2626;

  color: white;

  transform: translateY(-1px);

  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
}

.Button_buttonDelete__IdFha:active:not(.Button_buttonDisabled__21wB9) {
  transform: translateY(0);
}

/* Loading Spinner */

.Button_loadingContainer__OVxYG {
  display: flex;

  align-items: center;

  gap: 8px;
}

.Button_spinner__2Pk4T {
  width: 16px;

  height: 16px;

  border: 2px solid transparent;

  border-top: 2px solid currentColor;

  border-radius: 50%;

  animation: Button_spin__7L-8n 1s linear infinite;
}

@keyframes Button_spin__7L-8n {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Container */
.HoverInfoTooltip_container__hTTXu {
  position: relative;
  display: inline-block;
}

/* Trigger (Info Icon) */
.HoverInfoTooltip_trigger__KwwtL {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: transparent;
  color: #6b7280;
}

.HoverInfoTooltip_trigger__KwwtL:hover {
  background-color: #f3f4f6;
}

.HoverInfoTooltip_triggerActive__\+WXwM {
  background-color: #dbeafe;
  color: #3b82f6;
  transform: scale(1.1);
}

/* Tooltip Base - Fixed positioning for portal */
.HoverInfoTooltip_tooltip__4V8LK {
  position: absolute;
  z-index: 9999;
  padding: 0.5rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 400;
  box-shadow:
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  transition: opacity 0.2s ease-out;
  opacity: 0;
  pointer-events: none;
  box-sizing: border-box;
  overflow: hidden;
}

.HoverInfoTooltip_tooltip__4V8LK.HoverInfoTooltip_visible__9C60V {
  opacity: 1;
  pointer-events: auto;
}

/* Content */
.HoverInfoTooltip_content__Cl0rk {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Variant Classes */
.HoverInfoTooltip_default__3SnZf {
  background-color: white;
  color: #374151;
  border: 1px solid #e5e7eb;
}

.HoverInfoTooltip_dark__\+2H44 {
  background-color: #1f2937;
  color: white;
  border: 1px solid #4b5563;
}

.HoverInfoTooltip_accent__q-LtU {
  background-color: #3b82f6;
  color: white;
  border: 1px solid #2563eb;
}

.HoverInfoTooltip_success__RUMNc {
  background-color: #10b981;
  color: white;
  border: 1px solid #059669;
}

.HoverInfoTooltip_warning__JZ9qM {
  background-color: #f59e0b;
  color: white;
  border: 1px solid #d97706;
}

/* Arrow Base */
.HoverInfoTooltip_arrow__b\+E\+q {
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
}

/* Arrow Positions - Top */
.HoverInfoTooltip_arrow-top__Mjxt2 {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -1px;
}

.HoverInfoTooltip_arrow-top__Mjxt2.HoverInfoTooltip_arrow-default__tUeoV {
  border-top-color: white;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.05));
}

.HoverInfoTooltip_arrow-top__Mjxt2.HoverInfoTooltip_arrow-dark__D-lff {
  border-top-color: #1f2937;
}

.HoverInfoTooltip_arrow-top__Mjxt2.HoverInfoTooltip_arrow-accent__-agV8 {
  border-top-color: #3b82f6;
}

.HoverInfoTooltip_arrow-top__Mjxt2.HoverInfoTooltip_arrow-success__Ogjog {
  border-top-color: #10b981;
}

.HoverInfoTooltip_arrow-top__Mjxt2.HoverInfoTooltip_arrow-warning__IAyEw {
  border-top-color: #f59e0b;
}

/* Arrow Positions - Bottom */
.HoverInfoTooltip_arrow-bottom__z4aPo {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: -1px;
}

.HoverInfoTooltip_arrow-bottom__z4aPo.HoverInfoTooltip_arrow-default__tUeoV {
  border-bottom-color: white;
  filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.05));
}

.HoverInfoTooltip_arrow-bottom__z4aPo.HoverInfoTooltip_arrow-dark__D-lff {
  border-bottom-color: #1f2937;
}

.HoverInfoTooltip_arrow-bottom__z4aPo.HoverInfoTooltip_arrow-accent__-agV8 {
  border-bottom-color: #3b82f6;
}

.HoverInfoTooltip_arrow-bottom__z4aPo.HoverInfoTooltip_arrow-success__Ogjog {
  border-bottom-color: #10b981;
}

.HoverInfoTooltip_arrow-bottom__z4aPo.HoverInfoTooltip_arrow-warning__IAyEw {
  border-bottom-color: #f59e0b;
}

/* Arrow Positions - Left */
.HoverInfoTooltip_arrow-left__S0Rtv {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-left: -1px;
}

.HoverInfoTooltip_arrow-left__S0Rtv.HoverInfoTooltip_arrow-default__tUeoV {
  border-left-color: white;
  filter: drop-shadow(1px 0 1px rgba(0, 0, 0, 0.05));
}

.HoverInfoTooltip_arrow-left__S0Rtv.HoverInfoTooltip_arrow-dark__D-lff {
  border-left-color: #1f2937;
}

.HoverInfoTooltip_arrow-left__S0Rtv.HoverInfoTooltip_arrow-accent__-agV8 {
  border-left-color: #3b82f6;
}

.HoverInfoTooltip_arrow-left__S0Rtv.HoverInfoTooltip_arrow-success__Ogjog {
  border-left-color: #10b981;
}

.HoverInfoTooltip_arrow-left__S0Rtv.HoverInfoTooltip_arrow-warning__IAyEw {
  border-left-color: #f59e0b;
}

/* Arrow Positions - Right */
.HoverInfoTooltip_arrow-right__pEc9M {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-right: -1px;
}

.HoverInfoTooltip_arrow-right__pEc9M.HoverInfoTooltip_arrow-default__tUeoV {
  border-right-color: white;
  filter: drop-shadow(-1px 0 1px rgba(0, 0, 0, 0.05));
}

.HoverInfoTooltip_arrow-right__pEc9M.HoverInfoTooltip_arrow-dark__D-lff {
  border-right-color: #1f2937;
}

.HoverInfoTooltip_arrow-right__pEc9M.HoverInfoTooltip_arrow-accent__-agV8 {
  border-right-color: #3b82f6;
}

.HoverInfoTooltip_arrow-right__pEc9M.HoverInfoTooltip_arrow-success__Ogjog {
  border-right-color: #10b981;
}

.HoverInfoTooltip_arrow-right__pEc9M.HoverInfoTooltip_arrow-warning__IAyEw {
  border-right-color: #f59e0b;
}

/* Responsive adjustments */
@media (max-width: 640px) {
  .HoverInfoTooltip_tooltip__4V8LK {
    font-size: 0.8125rem;
    max-width: calc(100vw - 40px);
  }
}

/* Ensure tooltip stays visible on mobile */
@media (hover: none) and (pointer: coarse) {
  .HoverInfoTooltip_tooltip__4V8LK {
    touch-action: manipulation;
  }
}

/* ---------------------------
   AUTH LOGO
   --------------------------- */
.auth-logo-container {
  text-align: center;
  margin-bottom: 1rem;
}

.auth-logo {
  height: 48px;
  width: auto;
}

.auth-logo.size-small {
  height: 32px;
}

.auth-logo.size-medium {
  height: 48px;
}

.auth-logo.size-large {
  height: 64px;
}

/* ---------------------------
   AUTH HEADER
   --------------------------- */
.auth-header-section {
  text-align: left;
  margin-bottom: var(--space-lg);
}

.auth-header-title {
  font-size: 24px;
  font-weight: 600;
  color: #1a1f36;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.auth-header-subtitle {
  font-size: var(--text-base);
  color: #4f566b;
  margin-bottom: var(--space-lg);
  text-align: left;
}
h2.auth-header-title {
  font-size: var(--text-lg);
  font-weight: bold;
  color: #111827;
  line-height: 1.1;
  margin: 0;
}

.auth-button-wrapper {
  margin-top: 1rem;
}

/* Common Layout Containers */
.SignupForm_pageContainer__uQErM {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  background-color: #f5f7fa;
  min-height: 100vh;
  font-family: 'Segoe UI', sans-serif;
}

.SignupForm_cardContainer__DcGVN {
  background: #fff;
  padding: 30px;
  max-width: 500px;
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.SignupForm_cardTitle__Pguxp {
  font-size: 22px;
  color: #333;
  margin-bottom: 20px;
}

.SignupForm_formSection__7ulVH {
  margin-bottom: 20px;
}

.SignupForm_signinSection__Gv0Oh {
  text-align: center;
  margin-top: 20px;
}

.SignupForm_signinText__b1\+DG {
  font-size: 14px;
  color: #666;
}

.SignupForm_signinLink__3hplQ {
  background: none;
  border: none;
  color: #007bff;
  cursor: pointer;
  text-decoration: underline;
  font-size: 14px;
  padding: 0;
}

.SignupForm_signinLink__3hplQ:hover {
  color: #0056b3;
}

/* Responsive Design */

/* Ultra-wide Screens (2560px and above) */
@media screen and (min-width: 2560px) {
  .SignupForm_pageContainer__uQErM {
    padding: 40px 20px;
  }

  .SignupForm_cardContainer__DcGVN {
    max-width: 520px;
    padding: 32px;
  }

  .SignupForm_cardTitle__Pguxp {
    font-size: 23px;
  }
}

/* Large Desktop Screens (1920px and above) */
@media screen and (min-width: 1920px) {
  .SignupForm_pageContainer__uQErM {
    padding: 40px 20px;
  }

  .SignupForm_cardContainer__DcGVN {
    max-width: 450px;
    padding: 32px;
  }
}
/* Desktop Screens (1440px to 1919px) */
@media screen and (min-width: 1440px) and (max-width: 1919px) {
  .SignupForm_cardContainer__DcGVN {
    max-width: 450px;
    padding: 30px;
  }
}

/* Standard Desktop (1200px to 1439px) */
@media screen and (min-width: 1200px) and (max-width: 1439px) {
  .SignupForm_cardContainer__DcGVN {
    max-width: 430px;
    padding: 30px;
  }
}

/* Medium Desktop/Laptop (992px to 1199px) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .SignupForm_cardContainer__DcGVN {
    max-width: 440px;
    padding: 28px;
  }
}

/* Tablet Landscape (768px to 991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .SignupForm_pageContainer__uQErM {
    padding: 30px 20px;
  }

  .SignupForm_cardContainer__DcGVN {
    max-width: 520px;
    padding: 30px;
  }

  .SignupForm_cardTitle__Pguxp {
    font-size: 20px;
  }
}

/* Tablet Portrait (576px to 767px) */
@media screen and (min-width: 576px) and (max-width: 767px) {
  .SignupForm_pageContainer__uQErM {
    padding: 25px 15px;
  }

  .SignupForm_cardContainer__DcGVN {
    max-width: 100%;
    padding: 28px;
  }

  .SignupForm_cardTitle__Pguxp {
    font-size: 20px;
  }
}

/* Mobile Landscape (481px to 575px) */
@media screen and (min-width: 481px) and (max-width: 575px) {
  .SignupForm_pageContainer__uQErM {
    padding: 20px 15px;
  }

  .SignupForm_cardContainer__DcGVN {
    max-width: 100%;
    padding: 25px 20px;
    background: none;
    box-shadow: none;
  }

  .SignupForm_cardTitle__Pguxp {
    font-size: 19px;
  }

  .SignupForm_signinText__b1\+DG {
    font-size: 13px;
  }

  .SignupForm_signinLink__3hplQ {
    font-size: 13px;
  }
}

/* Mobile Portrait (320px to 480px) */
@media screen and (max-width: 480px) {
  .SignupForm_pageContainer__uQErM {
    padding: 15px 10px;
    min-height: 100vh;
  }

  .SignupForm_cardContainer__DcGVN {
    max-width: 100%;
    padding: 20px 16px;
    border-radius: 8px;
    background: none;
    box-shadow: none;
  }

  .SignupForm_cardTitle__Pguxp {
    font-size: 18px;
    margin-bottom: 16px;
  }

  .SignupForm_formSection__7ulVH {
    margin-bottom: 16px;
  }

  .SignupForm_signinSection__Gv0Oh {
    margin-top: 16px;
  }

  .SignupForm_signinText__b1\+DG {
    font-size: 13px;
  }

  .SignupForm_signinLink__3hplQ {
    font-size: 13px;
  }
}

/* Extra Small Mobile (below 320px) */
@media screen and (max-width: 319px) {
  .SignupForm_pageContainer__uQErM {
    padding: 10px 8px;
  }

  .SignupForm_cardContainer__DcGVN {
    padding: 16px 12px;
    border-radius: 6px;
    background: none;
    box-shadow: none;
  }

  .SignupForm_cardTitle__Pguxp {
    font-size: 16px;
    margin-bottom: 14px;
  }

  .SignupForm_formSection__7ulVH {
    margin-bottom: 14px;
  }

  .SignupForm_signinSection__Gv0Oh {
    margin-top: 14px;
  }

  .SignupForm_signinText__b1\+DG {
    font-size: 12px;
  }

  .SignupForm_signinLink__3hplQ {
    font-size: 12px;
  }
}

.styles_regionSelectionOrgmodal__Vj855 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  background-color: #f5f7fa;
  font-family: 'Segoe UI', sans-serif;
  margin: 0;
  min-height: 100vh;
}

.styles_modalContentStandardSignup__TzWff {
  width: 100%;
  max-width: 600px;
  background: white;
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.styles_header__2qs2B {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  text-transform: capitalize;
}
.styles_helperText__0YhGa {
  font-size: 14px;
  color: #6b7280;
  margin: 5px 0 15px 0;
  text-align: left;
  line-height: 1.5;
}
.styles_form__h2PQV {
  width: 100%;
}
.styles_signUp__eNgUX {
  margin-top: 20px;
  text-align: right;
}

.styles_link__XKdwB {
  color: #0066cc;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
}

.styles_link__XKdwB:hover {
  color: #0052a3;
  text-decoration: underline;
}
.styles_alertWrapper__Y5dc0 {
  margin-bottom: 15px;
  margin-top: 15px;
}

/* --- Wrapper  */
.DotLoader_container__wOTsY {
  display: flex;
  align-items: center;
  justify-content: center;
}

.DotLoader_fullscreen__RGfjE {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
}

.DotLoader_inline__DraPv {
  width: 100%;
  height: 100%;
}

/* --- Dot group  */
.DotLoader_dots__8VWZR {
  display: flex;
}

/* Each dot inherits --dot-size & --dot-color from inline style */
.DotLoader_dot__qf0Fb {
  width: var(--dot-size);
  height: var(--dot-size);
  background-color: var(--dot-color);
  border-radius: 50%;
  animation: DotLoader_bounce__iD5lB 1.2s infinite ease-in-out;
}

/* --- Animation ------- */
@keyframes DotLoader_bounce__iD5lB {
  0%,
  100% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-1.25rem);
  }
  50% {
    transform: translateY(0);
  }
}

/* NoData.module.css */
.NoData_container__K90zh {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  text-align: center;
}

.NoData_iconWrapper__aIz3G {
  margin-bottom: 1rem;
}

.NoData_iconBackground__ooC4J {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  background-color: #e5e7eb;
  border-radius: 50%;
}

.NoData_icon__rcLE\+ {
  width: 2rem;
  height: 2rem;
  color: #6b7280;
}

.NoData_title__5oPD7 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 0.5rem;
  margin-top: 0;
}

.NoData_message__TO8mH {
  color: #4b5563;
  font-size: 0.875rem;
  max-width: 28rem;
  line-height: 1.5;
  margin: 0;
}

.NoData_suggestion__AbhRR {
  color: #6b7280;
  margin-top: 0.25rem;
  display: block;
}

/* Example container styles */
.NoData_exampleContainer__KGsCJ {
  min-height: 100vh;
  background-color: #f9fafb;
  padding: 1.5rem;
}

.NoData_exampleTitle__EXaPS {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2rem;
  color: #1f2937;
}

.NoData_grid__rM7d1 {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.5rem;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .NoData_grid__rM7d1 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.NoData_card__yfmcS {
  background-color: white;
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.NoData_customCard__w-Bq4 {
  background-color: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 0.5rem;
  margin-top: 2rem;
}

.NoData_customText__CBVFv {
  color: #1e40af;
}

.NoData_clearWrapper__hGapi {
  margin-top: 12px;
}

.NoData_clearBtn__PhcNe {
  background: transparent;
  border: 1px solid #d1d5db;
  color: #374151;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
}

.NoData_clearBtn__PhcNe:hover {
  background: #f3f4f6;
}

/* Main Container - Full Page Layout */
.ChooseOrganization_regionSelectionOrgmodal__UoZ0W {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  background-color: #f5f7fa;
  font-family: 'Segoe UI', sans-serif;
  min-height: 100vh;
}

/* Outer Card - Fixed Height Container (80-90% of viewport) */
.ChooseOrganization_modalContentStandardSignup__bkpRH {
  width: 100%;
  max-width: 600px;
  height: 85vh; /* 85% of viewport height */
  max-height: 85vh;
  background: white;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  overflow: hidden; /* Prevent outer card from scrolling */
}

/* Welcome Section - Fixed Header */
.ChooseOrganization_welcomeSectionProfessional__aphSB {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1;
  min-height: 0; /* Important for flex child with overflow */
}

/* Welcome Heading - Fixed at Top */
.ChooseOrganization_welcomeHeadingProfessional__fYZyi {
  margin: 0 0 20px 0;
  font-size: 24px;
  font-weight: 700;
  color: #1a1a1a;
  flex-shrink: 0; /* Don't shrink header */
  text-align: center;
}

/* License Container - Flexible with Scroll */
.ChooseOrganization_licenseContainer__gmsWo {
  width: 100%;
  flex: 1 1;
  min-height: 0; /* Important for flex child with overflow */
  display: flex;
  flex-direction: column;
}

/* License Card - Scrollable Content Area */
.ChooseOrganization_licenseCard__QL0cN {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1 1;
  min-height: 0; /* Important for flex child with overflow */
  overflow: hidden; /* Prevent this from scrolling */
}

/* Selectable Group - Scrollable Cards Container */
.ChooseOrganization_selectableGroup__kzBEE {
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 8px;
  padding-top: 0.5rem;
  flex: 1 1;
  min-height: 0; /* Important for flex child with overflow */
}

/* Custom Scrollbar */
.ChooseOrganization_selectableGroup__kzBEE::-webkit-scrollbar {
  width: 8px;
}

.ChooseOrganization_selectableGroup__kzBEE::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 4px;
}

.ChooseOrganization_selectableGroup__kzBEE::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

.ChooseOrganization_selectableGroup__kzBEE::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Firefox Scrollbar */
.ChooseOrganization_selectableGroup__kzBEE {
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 #f1f5f9;
}

/* User Card - Organization Card */
.ChooseOrganization_userCard__LgjJP {
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  padding: 16px;
  cursor: pointer;
  background-color: white;
  transition: all 0.2s ease;
  flex-shrink: 0; /* Prevent cards from shrinking */
  min-height: -webkit-fit-content;
  min-height: fit-content;
}

.ChooseOrganization_userCard__LgjJP:hover {
  border-color: #007bff;
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
  transform: translateY(-2px);
}

.ChooseOrganization_userCard__LgjJP.ChooseOrganization_selected__gH-CV {
  border-color: #007bff;
  background-color: #f0f8ff;
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
  border-left: 5px solid #007bff;
}

/* Card Header */
.ChooseOrganization_userCardHeader__deZ4D {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

/* Card Content Area */
.ChooseOrganization_userCardContent__\+HVyM {
  flex: 1 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Check Icon */
.ChooseOrganization_checkIcon__Rlfy\+ {
  color: #007bff;
  flex-shrink: 0;
  margin-left: 8px;
}

/* Card Title - Domain */
.ChooseOrganization_userCardTitle__uWkf\+ {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  word-break: break-word;
  overflow-wrap: break-word;
  line-height: 1.4;
}

/* Card Subtitle - Company Name */
.ChooseOrganization_userCardSubtitle__IjyCq {
  margin: 0;
  font-size: 14px;
  color: #64748b;
  word-break: break-word;
  overflow-wrap: break-word;
  line-height: 1.4;
}

/* ============================================================================
   Responsive Design
   ============================================================================ */

/* Tablet and below */
@media (max-width: 768px) {
  .ChooseOrganization_regionSelectionOrgmodal__UoZ0W {
    padding: 20px 16px;
  }

  .ChooseOrganization_modalContentStandardSignup__bkpRH {
    max-width: 100%;
    height: 90vh; /* Slightly taller on mobile */
    padding: 20px;
  }

  .ChooseOrganization_welcomeHeadingProfessional__fYZyi {
    font-size: 22px;
    margin-bottom: 16px;
  }

  .ChooseOrganization_licenseCard__QL0cN {
    gap: 16px;
  }

  .ChooseOrganization_userCard__LgjJP {
    padding: 14px;
  }

  .ChooseOrganization_userCardTitle__uWkf\+ {
    font-size: 15px;
  }

  .ChooseOrganization_userCardSubtitle__IjyCq {
    font-size: 13px;
  }
}

/* Mobile */
@media (max-width: 480px) {
  .ChooseOrganization_regionSelectionOrgmodal__UoZ0W {
    padding: 16px 12px;
  }

  .ChooseOrganization_modalContentStandardSignup__bkpRH {
    height: 92vh;
    padding: 16px;
    border-radius: 8px;
  }

  .ChooseOrganization_welcomeHeadingProfessional__fYZyi {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .ChooseOrganization_licenseCard__QL0cN {
    gap: 12px;
  }

  .ChooseOrganization_selectableGroup__kzBEE {
    gap: 10px;
    padding-right: 6px;
  }

  .ChooseOrganization_userCard__LgjJP {
    padding: 12px;
    border-radius: 6px;
  }

  .ChooseOrganization_userCardTitle__uWkf\+ {
    font-size: 14px;
  }

  .ChooseOrganization_userCardSubtitle__IjyCq {
    font-size: 12px;
  }

  .ChooseOrganization_checkIcon__Rlfy\+ {
    font-size: 12px;
  }
}

/* ============================================================================
   Accessibility & Focus States
   ============================================================================ */

/* Focus state for keyboard navigation */
.ChooseOrganization_userCard__LgjJP:focus {
  outline: 2px solid #007bff;
  outline-offset: 2px;
}

.ChooseOrganization_userCard__LgjJP:focus:not(:focus-visible) {
  outline: none;
}

.ChooseOrganization_userCard__LgjJP:focus-visible {
  outline: 2px solid #007bff;
  outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  .ChooseOrganization_modalContentStandardSignup__bkpRH {
    border: 2px solid #000;
  }

  .ChooseOrganization_userCard__LgjJP {
    border-width: 3px;
  }

  .ChooseOrganization_userCard__LgjJP.ChooseOrganization_selected__gH-CV {
    border-width: 3px;
  }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .ChooseOrganization_userCard__LgjJP {
    transition: none;
  }

  .ChooseOrganization_userCard__LgjJP:hover {
    transform: none;
  }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .ChooseOrganization_regionSelectionOrgmodal__UoZ0W {
    background-color: #1a1a1a;
  }

  .ChooseOrganization_modalContentStandardSignup__bkpRH {
    background: #2d2d2d;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
  }

  .ChooseOrganization_welcomeHeadingProfessional__fYZyi {
    color: #ffffff;
  }

  .ChooseOrganization_userCard__LgjJP {
    background-color: #1e293b;
    border-color: #475569;
  }

  .ChooseOrganization_userCard__LgjJP:hover {
    border-color: #3b82f6;
  }

  .ChooseOrganization_userCard__LgjJP.ChooseOrganization_selected__gH-CV {
    background-color: #1e3a5f;
    border-color: #3b82f6;
  }

  .ChooseOrganization_userCardTitle__uWkf\+ {
    color: #f1f5f9;
  }

  .ChooseOrganization_userCardSubtitle__IjyCq {
    color: #94a3b8;
  }

  .ChooseOrganization_checkIcon__Rlfy\+ {
    color: #60a5fa;
  }

  .ChooseOrganization_selectableGroup__kzBEE::-webkit-scrollbar-track {
    background: #1e293b;
  }

  .ChooseOrganization_selectableGroup__kzBEE::-webkit-scrollbar-thumb {
    background: #475569;
  }

  .ChooseOrganization_selectableGroup__kzBEE::-webkit-scrollbar-thumb:hover {
    background: #64748b;
  }
}

/* ============================================================================
   Print Styles
   ============================================================================ */

@media print {
  .ChooseOrganization_regionSelectionOrgmodal__UoZ0W {
    padding: 0;
    background: white;
  }

  .ChooseOrganization_modalContentStandardSignup__bkpRH {
    height: auto;
    max-height: none;
    box-shadow: none;
  }

  .ChooseOrganization_selectableGroup__kzBEE {
    overflow: visible;
    max-height: none;
  }

  .ChooseOrganization_userCard__LgjJP {
    page-break-inside: avoid;
  }
}

/* Main Container - Full Page Layout */
.Chooseworkspace_pageContainer__4F6ah {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  background-color: #f5f7fa;
  min-height: 100vh;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Card Container - White Card Background */
.Chooseworkspace_cardContainer__Qfj90 {
  background: #fff;
  padding: 40px 30px;
  max-width: 600px;
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Card Title - Main Heading */
.Chooseworkspace_cardTitle__S6BRw {
  font-size: 24px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
  text-align: center;
  line-height: 1.3;
}

/* Options Section - Workspace Selection Area */
.Chooseworkspace_optionsSection__nc-Mo {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 8px 0;
}

/* Button Section - Submit Button Container */
.Chooseworkspace_buttonSection__b0mrW {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  width: 100%;
}

/* ============================================================================
   Responsive Design
   ============================================================================ */

/* Tablet and below */
@media (max-width: 768px) {
  .Chooseworkspace_pageContainer__4F6ah {
    padding: 24px 16px;
  }

  .Chooseworkspace_cardContainer__Qfj90 {
    padding: 32px 24px;
    max-width: 100%;
    gap: 20px;
  }

  .Chooseworkspace_cardTitle__S6BRw {
    font-size: 22px;
  }
}

/* Mobile */
@media (max-width: 480px) {
  .Chooseworkspace_pageContainer__4F6ah {
    padding: 16px 12px;
  }

  .Chooseworkspace_cardContainer__Qfj90 {
    padding: 24px 20px;
    gap: 16px;
    border-radius: 8px;
  }

  .Chooseworkspace_cardTitle__S6BRw {
    font-size: 20px;
  }

  .Chooseworkspace_buttonSection__b0mrW {
    margin-top: 4px;
  }
}

/* ============================================================================
   Accessibility & Focus States
   ============================================================================ */

/* High contrast mode support */
@media (prefers-contrast: high) {
  .Chooseworkspace_cardContainer__Qfj90 {
    border: 2px solid #000;
  }

  .Chooseworkspace_cardTitle__S6BRw {
    color: #000;
  }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Dark mode support (if implemented) */
@media (prefers-color-scheme: dark) {
  .Chooseworkspace_pageContainer__4F6ah {
    background-color: #1a1a1a;
  }

  .Chooseworkspace_cardContainer__Qfj90 {
    background: #2d2d2d;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
  }

  .Chooseworkspace_cardTitle__S6BRw {
    color: #ffffff;
  }
}

/* Common Layout Containers */
.styles_pageContainer__\+yVkM {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  background-color: #f5f7fa;
  min-height: 100vh;
  font-family: 'Segoe UI', sans-serif;
}

.styles_cardContainer__Ik91a {
  background: #fff;
  padding: 30px;
  max-width: 500px;
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.styles_cardTitle__tJUPI {
  font-size: 22px;
  color: #333;
  margin-bottom: 20px;
}

.styles_formSection__pAJcr {
  margin-bottom: 20px;
}

.styles_signinSection__E1JdB {
  text-align: center;
  margin-top: 20px;
}

.styles_signinText__i\+0MZ {
  font-size: 14px;
  color: #666;
}

.styles_signinLink__l3odr {
  background: none;
  border: none;
  color: #007bff;
  cursor: pointer;
  text-decoration: underline;
  font-size: 14px;
  padding: 0;
}

.styles_signinLink__l3odr:hover {
  color: #0056b3;
}

/* Responsive Design */

/* Ultra-wide Screens (2560px and above) */
@media screen and (min-width: 2560px) {
  .styles_pageContainer__\+yVkM {
    padding: 40px 20px;
  }

  .styles_cardContainer__Ik91a {
    max-width: 520px;
    padding: 32px;
  }

  .styles_cardTitle__tJUPI {
    font-size: 23px;
  }
}

/* Large Desktop Screens (1920px and above) */
@media screen and (min-width: 1920px) {
  .styles_pageContainer__\+yVkM {
    padding: 40px 20px;
  }

  .styles_cardContainer__Ik91a {
    max-width: 450px;
    padding: 32px;
  }
}

/* Desktop Screens (1440px to 1919px) */
@media screen and (min-width: 1440px) and (max-width: 1919px) {
  .styles_cardContainer__Ik91a {
    max-width: 450px;
    padding: 30px;
  }
}

/* Standard Desktop (1200px to 1439px) */
@media screen and (min-width: 1200px) and (max-width: 1439px) {
  .styles_cardContainer__Ik91a {
    max-width: 430px;
    padding: 30px;
  }
}

/* Medium Desktop/Laptop (992px to 1199px) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .styles_cardContainer__Ik91a {
    max-width: 440px;
    padding: 28px;
  }
}

/* Tablet Landscape (768px to 991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .styles_pageContainer__\+yVkM {
    padding: 30px 20px;
  }

  .styles_cardContainer__Ik91a {
    max-width: 500px;
    padding: 30px;
  }

  .styles_cardTitle__tJUPI {
    font-size: 20px;
  }
}

/* Tablet Portrait (576px to 767px) */
@media screen and (min-width: 576px) and (max-width: 767px) {
  .styles_pageContainer__\+yVkM {
    padding: 25px 15px;
  }

  .styles_cardContainer__Ik91a {
    max-width: 100%;
    padding: 28px;
    background: none;
    box-shadow: none;
  }

  .styles_cardTitle__tJUPI {
    font-size: 20px;
  }
}

/* Mobile Landscape (481px to 575px) */
@media screen and (min-width: 481px) and (max-width: 575px) {
  .styles_pageContainer__\+yVkM {
    padding: 20px 15px;
  }

  .styles_cardContainer__Ik91a {
    max-width: 100%;
    padding: 25px 20px;
    background: none;
    box-shadow: none;
  }

  .styles_cardTitle__tJUPI {
    font-size: 19px;
  }

  .styles_signinText__i\+0MZ {
    font-size: 13px;
  }

  .styles_signinLink__l3odr {
    font-size: 13px;
  }
}

/* Mobile Portrait (320px to 480px) */
@media screen and (max-width: 480px) {
  .styles_pageContainer__\+yVkM {
    padding: 15px 10px;
    min-height: 100vh;
  }

  .styles_cardContainer__Ik91a {
    max-width: 100%;
    padding: 20px 16px;
    border-radius: 8px;
    background: none;
    box-shadow: none;
  }

  .styles_cardTitle__tJUPI {
    font-size: 18px;
    margin-bottom: 16px;
  }

  .styles_formSection__pAJcr {
    margin-bottom: 16px;
  }

  .styles_signinSection__E1JdB {
    margin-top: 16px;
  }

  .styles_signinText__i\+0MZ {
    font-size: 13px;
  }

  .styles_signinLink__l3odr {
    font-size: 13px;
  }
}

/* Extra Small Mobile (below 320px) */
@media screen and (max-width: 319px) {
  .styles_pageContainer__\+yVkM {
    padding: 10px 8px;
  }

  .styles_cardContainer__Ik91a {
    padding: 16px 12px;
    border-radius: 6px;
    background: none;
    box-shadow: none;
  }

  .styles_cardTitle__tJUPI {
    font-size: 16px;
    margin-bottom: 14px;
  }

  .styles_formSection__pAJcr {
    margin-bottom: 14px;
  }

  .styles_signinSection__E1JdB {
    margin-top: 14px;
  }

  .styles_signinText__i\+0MZ {
    font-size: 12px;
  }

  .styles_signinLink__l3odr {
    font-size: 12px;
  }
}

/* AuthRecaptcha.module.css */

.AuthRecaptcha_authRecaptcha__LwTOb {
  display: flex;
  gap: 0.5rem;
  padding-bottom: 0.5rem;
}

.AuthRecaptcha_authRecaptchaCentered__AOw6Y {
  display: flex;
  gap: 0.5rem;
  padding-bottom: 0.5rem;
  justify-content: center;
}

@media (max-width: 400px) {
  .AuthRecaptcha_authRecaptcha__LwTOb,
  .AuthRecaptcha_authRecaptchaCentered__AOw6Y {
    transform: scale(0.9);
    transform-origin: center;
  }
}

.CustomSelect_selectWrapper__mfYDt {
  position: relative;
  width: 100%;
}

.CustomSelect_customTriangle__3tOLL {
  position: absolute;
  right: 8px;
  top: 14px;
  transform: rotate(0deg);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid gray;
  transition: transform 0.2s ease;
  pointer-events: none;
}

.CustomSelect_customTriangle__3tOLL.CustomSelect_open__Eao39 {
  transform: rotate(180deg);
}

.CustomSelect_disabled__QHx\+T {
  cursor: not-allowed;
}

.CustomSelect_disabled__QHx\+T * {
  pointer-events: none;
}

.CustomSelect_triangleDisabled__M58GH {
  border-top-color: #9ca3af !important;
  opacity: 0.5;
}

@media (min-width: 1024px) {
  .CustomSelect_selectWrapper__mfYDt {
    max-width: 100%;
  }

  .CustomSelect_customTriangle__3tOLL {
    right: 12px;
    top: 15px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .CustomSelect_selectWrapper__mfYDt {
    max-width: 100%;
  }

  .CustomSelect_customTriangle__3tOLL {
    right: 10px;
    top: 14px;
  }
}

@media (max-width: 767px) {
  .CustomSelect_selectWrapper__mfYDt {
    max-width: 100%;
  }

  .CustomSelect_customTriangle__3tOLL {
    right: 8px;
    top: 13px;
  }
}

/* ============ BASE CONTAINER ============ */
.OnboardingWizard_container__66PRa {
  display: flex;
  min-height: 100vh;
  background: #ffffff;
  font-family:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
    'Cantarell', sans-serif;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .OnboardingWizard_container__66PRa {
    flex-direction: column;
  }
}

/* ============ CONTENT AREA ============ */
.OnboardingWizard_content__EPFJq {
  flex: 1 1;
  padding: 2rem;
  background: #ffffff;
  overflow-y: auto;
  position: relative;
}

@media (max-width: 768px) {
  .OnboardingWizard_content__EPFJq {
    padding: 2rem 1rem;
  }
}

/* ============ PROGRESS BAR ============ */
.OnboardingWizard_progressBar__nMg1j {
  height: 8px;
  background: #e2e8f0;
  border-radius: 9999px;
  overflow: hidden;
  margin-bottom: 1rem;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
}

.OnboardingWizard_progressBarInner__L-Dqf {
  height: 100%;
  background-color: #127cee;
  border-radius: 9999px;
  transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============ STEP CONTAINER ============ */
.OnboardingWizard_stepContainer__UFxOX {
  max-width: 56rem;
  margin: 0 auto;
}

.OnboardingWizard_stepHeader__\+Aeeu {
  margin-bottom: 0.75rem;
  text-align: left;
}

.OnboardingWizard_stepHeading__csBGg {
  font-size: 1.875rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 0.5rem;
}

@media (max-width: 768px) {
  .OnboardingWizard_stepHeading__csBGg {
    font-size: 1.5rem;
  }
}

.OnboardingWizard_stepSubheading__AIDae {
  font-size: 1rem;
  color: #64748b;
  font-weight: 400;
}

/* ============ FORM ELEMENTS ============ */
.OnboardingWizard_formCard__LzY8Q {
  background: white;
  border-radius: 1rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(226, 232, 240, 0.8);
  padding: 2rem;
}

@media (max-width: 768px) {
  .OnboardingWizard_formCard__LzY8Q {
    padding: 1.5rem;
  }
}

.OnboardingWizard_formGrid__BG6mO {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin-bottom: 1rem;
}

@media (max-width: 768px) {
  .OnboardingWizard_formGrid__BG6mO {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}

.OnboardingWizard_formGroup__J1i7g {
  display: flex;
  flex-direction: column;
}

.OnboardingWizard_formGroupFull__ZabPV {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
}

.OnboardingWizard_formGroupIntegrationFull__e3nBH {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}

.OnboardingWizard_formLabel__V8vzt {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 0.625rem;
}

.OnboardingWizard_formCloudLable__qY\+AS {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 0.625rem;
  margin-top: 0.425rem;
}

.OnboardingWizard_formEmailLabel__Wa\+Ch,
.OnboardingWizard_formMediaLabel__0Jr0p {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 0.625rem;
  margin-top: 0.75rem;
}

.OnboardingWizard_integrationInfo__ydmUK {
  font-size: 0.9rem;
  color: #6b7280;
  margin-bottom: 0.75rem;
  display: block;
}

.OnboardingWizard_required__pPwS7 {
  color: #ef4444;
}

/* Form Input Styles */
.OnboardingWizard_formInput__NdmE5 {
  width: 100%;
  padding: 0.875rem 1rem;
  border: 2px solid #e2e8f0;
  border-radius: 0.5rem;
  font-size: 0.938rem;
  transition: all 0.2s;
  background: white;
}

.OnboardingWizard_formInput__NdmE5:hover {
  border-color: #cbd5e1;
}

.OnboardingWizard_formInput__NdmE5:focus {
  outline: none;
  border-color: #139fe0;
  box-shadow: 0 0 0 3px rgba(19, 159, 224, 0.1);
}

.OnboardingWizard_formInputSmall__VXCMD {
  width: 7rem;
  padding: 0.75rem 0.875rem;
  border: 2px solid #e2e8f0;
  border-radius: 0.5rem;
  font-size: 0.938rem;
  transition: all 0.2s;
  background: white;
}

.OnboardingWizard_formInputSmall__VXCMD:hover {
  border-color: #cbd5e1;
}

.OnboardingWizard_formInputSmall__VXCMD:focus {
  outline: none;
  border-color: #139fe0;
  box-shadow: 0 0 0 3px rgba(19, 159, 224, 0.1);
}

.OnboardingWizard_formSelect__7Po53 {
  width: 100%;
  padding: 0.875rem 1rem;
  border: 2px solid #e2e8f0;
  border-radius: 0.5rem;
  font-size: 0.938rem;
  transition: all 0.2s;
  background: white;
  cursor: pointer;
}

.OnboardingWizard_formSelect__7Po53:hover {
  border-color: #cbd5e1;
}

.OnboardingWizard_formSelect__7Po53:focus {
  outline: none;
  border-color: #139fe0;
  box-shadow: 0 0 0 3px rgba(19, 159, 224, 0.1);
}

/* Checkbox Styles */
.OnboardingWizard_checkbox__ZbAL5 {
  width: 1.25rem;
  height: 1.25rem;
  border: 2px solid #cbd5e1;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0;
}

.OnboardingWizard_checkboxWrapper__gKm7Z {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0;
  background: transparent;
  border-radius: 0;
  border: none;
  margin: 0.25rem 0;
}

.OnboardingWizard_checkboxText__I0J-i {
  font-size: 0.875rem;
  color: #64748b;
  line-height: 1.5;
  padding-top: 0.125rem;
  cursor: pointer;
}

.OnboardingWizard_fieldDesc__zpvu1 {
  font-size: 0.813rem;
  color: #64748b;
  margin-bottom: 0.75rem;
  line-height: 1.5;
}

.OnboardingWizard_techFieldDesc__zjHCZ {
  font-size: 0.813rem;
  color: #64748b;
  margin-bottom: 0.75rem !important;
  line-height: 1.5;
}

/* ============ INTEREST CARDS ============ */
.OnboardingWizard_interestGrid__euEKv {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
  margin-top: 0.5rem;
}

@media (max-width: 768px) {
  .OnboardingWizard_interestGrid__euEKv {
    grid-template-columns: 1fr;
  }
}

.OnboardingWizard_interestCard__7SRMY {
  display: flex;
  align-items: flex-start;
  padding: 1.25rem;
  border-radius: 0.75rem;
  border: 2px solid #e2e8f0;
  background: white;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  text-align: left;
}

.OnboardingWizard_interestCard__7SRMY::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, transparent 0%, rgba(19, 159, 224, 0.03) 100%);
  opacity: 0;
  transition: opacity 0.25s;
}

.OnboardingWizard_interestCard__7SRMY:hover {
  border-color: #139fe0;
  transform: translateY(-2px);
}

.OnboardingWizard_interestCard__7SRMY:hover::before {
  opacity: 1;
}

.OnboardingWizard_interestCardSelected__d3scA {
  background: white;
}

.OnboardingWizard_interestCardSelected__d3scA::before {
  opacity: 0;
}

.OnboardingWizard_interestIcon__ZlZMM {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem;
  color: #94a3b8;
  transition: all 0.25s;
  z-index: 1;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.OnboardingWizard_interestIconSelected__s9oUQ {
  color: #10b981;
  transform: scale(1.1);
}

.OnboardingWizard_interestContent__DkqA8 {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  z-index: 1;
}

.OnboardingWizard_interestLabel__N6YMI {
  font-weight: 600;
  font-size: 0.938rem;
  color: #334155;
  margin-bottom: 0.25rem;
  line-height: 1.4;
}

.OnboardingWizard_interestDesc__JDyGr {
  font-size: 0.813rem;
  color: #64748b;
  line-height: 1.4;
}

.OnboardingWizard_interestCheck__uD91N {
  width: 1.25rem;
  height: 1.25rem;
  color: #10b981;
  margin-left: 0.75rem;
  z-index: 1;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

/* ============ INTEGRATION BUTTONS ============ */
.OnboardingWizard_integrationGrid__3i740 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
  margin-top: 0.5rem;
}

@media (max-width: 768px) {
  .OnboardingWizard_integrationGrid__3i740 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.OnboardingWizard_integrationBtn__x0\+KP {
  padding: 1.125rem;
  border-radius: 0.625rem;
  border: 2px solid #e2e8f0;
  background: white;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  text-align: left;
  font-weight: 600;
  font-size: 0.875rem;
  color: #475569;
  position: relative;
  overflow: hidden;
}

.OnboardingWizard_integrationBtn__x0\+KP::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, transparent 0%, rgba(19, 159, 224, 0.03) 100%);
  opacity: 0;
  transition: opacity 0.25s;
}

.OnboardingWizard_integrationBtn__x0\+KP:hover {
  border-color: #139fe0;
  transform: translateY(-2px);
}

.OnboardingWizard_integrationBtn__x0\+KP:hover::before {
  opacity: 1;
}

.OnboardingWizard_integrationBtnSelected__yzeYt {
  background: white;
  color: #059669;
}

.OnboardingWizard_integrationBtnSelected__yzeYt::before {
  opacity: 0;
}

.OnboardingWizard_integrationContent__MUnsz {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  position: relative;
  z-index: 1;
}

.OnboardingWizard_integrationHeader__y-IBp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.OnboardingWizard_integrationLabel__WHgsw {
  font-weight: 600;
  font-size: 0.875rem;
}

.OnboardingWizard_integrationDesc__1A9m2 {
  font-size: 0.75rem;
  color: #64748b;
  font-weight: 400;
  line-height: 1.4;
}

.OnboardingWizard_integrationCheck__Twl55 {
  width: 0.875rem;
  height: 0.875rem;
  color: #10b981;
  flex-shrink: 0;
}

/* ============ TAGS ============ */
.OnboardingWizard_tagsContainer__ZnHt5 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.OnboardingWizard_tag__9dIn2 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.875rem;
  background: #e0f2fe;
  color: #0369a1;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
}

.OnboardingWizard_tagRemove__4xSoM {
  background: none;
  border: none;
  color: #0369a1;
  font-size: 1.25rem;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  transition: color 0.2s;
}

.OnboardingWizard_tagRemove__4xSoM:hover {
  color: #dc2626;
}

/* ============ TECHNICAL STEP - ADDED ITEMS SIMPLE LIST ============ */
.OnboardingWizard_addedItemsList__syMCa {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.OnboardingWizard_addedItemRow__h8iF2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  background: #f9fafb;
  border-radius: 0.5rem;
  transition: background-color 0.2s ease;
}

.OnboardingWizard_addedItemRow__h8iF2:hover {
  background: #f3f4f6;
}
/* ============ IMPROVED VERSION BADGE ============ */
.OnboardingWizard_itemVersion__0zCVs {
  font-size: 0.75rem;
  color: #1e40af; /* Blue-800 */
  margin-left: 1rem;
  padding: 0.375rem 0.75rem;
  background: #dbeafe; /* Blue-100 */
  border: 1px solid #bfdbfe; /* Blue-200 */
  border-radius: 0.375rem;
  font-weight: 600;
  white-space: nowrap;
}

/* Alternative Style 1: Darker badge */
.OnboardingWizard_itemVersionDark__P704F {
  font-size: 0.75rem;
  color: white;
  margin-left: 1rem;
  padding: 0.375rem 0.75rem;
  background: #3b82f6; /* Blue-500 */
  border-radius: 0.375rem;
  font-weight: 600;
  white-space: nowrap;
}

/* Alternative Style 2: Gray subtle badge */
.OnboardingWizard_itemVersionGray__jGw7- {
  font-size: 0.75rem;
  color: #374151; /* Gray-700 */
  margin-left: 1rem;
  padding: 0.375rem 0.75rem;
  background: #f3f4f6; /* Gray-100 */
  border: 1px solid #e5e7eb; /* Gray-200 */
  border-radius: 0.375rem;
  font-weight: 500;
  white-space: nowrap;
}

/* Alternative Style 3: Outlined badge */
.OnboardingWizard_itemVersionOutlined__celow {
  font-size: 0.75rem;
  color: #2563eb; /* Blue-600 */
  margin-left: 1rem;
  padding: 0.375rem 0.75rem;
  background: white;
  border: 1.5px solid #2563eb; /* Blue-600 */
  border-radius: 0.375rem;
  font-weight: 600;
  white-space: nowrap;
}

/* ============ CURRENT ITEM TEXT STYLE ============ */
.OnboardingWizard_itemText__YqgsN {
  font-size: 0.875rem;
  color: #374151;
  font-weight: 500;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  flex: 1 1;
  word-break: break-all;
}

/* ============ ADDED ITEMS ROW ============ */
.OnboardingWizard_addedItemRow__h8iF2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  background: #f9fafb;
  border-radius: 0.5rem;
  transition: background-color 0.2s ease;
  gap: 0.75rem;
}

.OnboardingWizard_addedItemRow__h8iF2:hover {
  background: #f3f4f6;
}
.OnboardingWizard_itemText__YqgsN {
  font-size: 0.875rem;
  color: #374151;
  font-weight: 400;
  flex: 1 1;
  word-break: break-all;
}

.OnboardingWizard_itemVersion__0zCVs {
  font-size: 0.75rem;
  color: #6b7280;
  margin-left: 0.75rem;
  padding: 0.25rem 0.5rem;
  background: white;
  border-radius: 0.25rem;
  font-weight: 500;
}

.OnboardingWizard_removeItemBtn__nXfv2 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  background: transparent;
  color: #ef4444;
  border: none;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.OnboardingWizard_removeItemBtn__nXfv2:hover {
  color: #dc2626;
}
/* ============ FIELD ROWS ============ */
.OnboardingWizard_fieldRow__BFzYH {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}

.OnboardingWizard_fieldRow__BFzYH > div:first-child {
  flex: 1 1;
  display: flex;
  flex-direction: column;
}

.OnboardingWizard_stackFieldRow__OLxnh {
  display: grid;
  grid-template-columns: 2fr 1fr auto;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  margin-bottom: 10px;
  align-items: flex-start;
}

.OnboardingWizard_stackFieldRow__OLxnh > div {
  display: flex;
  flex-direction: column;
}

/* ============ BUTTONS ============ */
.OnboardingWizard_addFieldButton__af-Sy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 41px;
  padding: 0;
  background: #2563eb;
  color: white;
  border: none;
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.OnboardingWizard_addFieldButton__af-Sy:hover:not(:disabled) {
  background: #1d4ed8;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
  transform: translateY(-1px);
}

.OnboardingWizard_addFieldButton__af-Sy:active:not(:disabled) {
  transform: translateY(0);
}

.OnboardingWizard_addFieldButton__af-Sy:disabled {
  background: #e5e7eb;
  color: #9ca3af;
  cursor: not-allowed;
}

/* ============ ACTIONS ============ */
.OnboardingWizard_actions__qmA3I {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 2rem;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  .OnboardingWizard_actions__qmA3I {
    flex-direction: column-reverse;
    gap: 0.75rem;
  }

  .OnboardingWizard_actions__qmA3I button {
    width: 100%;
  }

  .OnboardingWizard_checkboxWrapper__gKm7Z {
    flex-direction: column;
  }
}

.OnboardingWizard_btnPrimary__OIW5W {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 1rem 2.5rem;
  background: linear-gradient(135deg, #139fe0 0%, #00a7ec 100%);
  color: white;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 16px rgba(19, 159, 224, 0.3);
}

@media (max-width: 768px) {
  .OnboardingWizard_btnPrimary__OIW5W {
    margin-left: 0;
  }
}

.OnboardingWizard_btnPrimary__OIW5W:hover {
  box-shadow: 0 8px 24px rgba(19, 159, 224, 0.4);
  transform: translateY(-2px);
}

.OnboardingWizard_btnPrimary__OIW5W:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
  box-shadow: 0 4px 16px rgba(19, 159, 224, 0.3);
}

.OnboardingWizard_btnSecondary__I0xUu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 1rem 2rem;
  border: 2px solid #cbd5e1;
  color: #475569;
  background: white;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s;
}

.OnboardingWizard_btnSecondary__I0xUu:hover {
  background: #f8fafc;
  border-color: #94a3b8;
}

.OnboardingWizard_btnGhost__MVOk9 {
  padding: 1rem 1.5rem;
  color: #64748b;
  background: transparent;
  border: none;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 1rem;
}

.OnboardingWizard_btnGhost__MVOk9:hover {
  color: #0f172a;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 0.5rem;
}

/* ============ PROCESSING SCREEN ============ */
.OnboardingWizard_processingWrapper__5Ko\+B {
  min-height: 100vh;
  background-image: linear-gradient(to bottom right, #e0f2fe, #eff6ff, #cffafe);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  text-align: center;
  overflow: hidden;
}

.OnboardingWizard_rotatingContainer__grA9Q {
  position: relative;
  width: clamp(220px, 40vw, 320px);
  height: clamp(220px, 40vw, 320px);
  margin: 0 auto 32px auto;
  perspective: 1200px;
}

.OnboardingWizard_hexGrid__wW2pE {
  position: absolute;
  inset: 0;
  animation: OnboardingWizard_grid-pulse__4q5f\+ 3s ease-in-out infinite;
  opacity: 0.5;
}

.OnboardingWizard_centerGlow__b3CTY {
  position: absolute;
  inset: 20%;
  background: radial-gradient(circle, rgba(34, 211, 238, 0.3) 0%, transparent 70%);
  border-radius: 50%;
  animation: OnboardingWizard_center-glow__fAhlX 2s ease-in-out infinite alternate;
  filter: blur(40px);
}

.OnboardingWizard_rotatingImageWrapper__YE4YJ {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform-style: preserve-3d;
  animation: OnboardingWizard_rotate-3d-smooth__fzY5F 6s ease-in-out infinite;
}

.OnboardingWizard_rotatingImage__lX22M {
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0px 20px 40px rgba(0, 0, 0, 0.25));
}

.OnboardingWizard_sparkle__OZF0Y {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #22d3ee;
  border-radius: 50%;
  box-shadow: 0 0 20px rgba(34, 211, 238, 0.8);
  animation: OnboardingWizard_sparkle__OZF0Y 2s ease-in-out infinite;
}

.OnboardingWizard_sparkleTopLeft__QRkZv {
  top: 10%;
  left: 10%;
  animation-delay: 0s;
}

.OnboardingWizard_sparkleTopRight__Ta94Z {
  top: 10%;
  left: 90%;
  animation-delay: 0.5s;
}

.OnboardingWizard_sparkleBottomLeft__4Bdz0 {
  top: 90%;
  left: 10%;
  animation-delay: 1s;
}

.OnboardingWizard_sparkleBottomRight__bywCz {
  top: 90%;
  left: 90%;
  animation-delay: 1.5s;
}

.OnboardingWizard_title__DhQAz {
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 8px;
}

.OnboardingWizard_subtitle__VYPl3 {
  color: #2563eb;
  font-size: clamp(14px, 2vw, 18px);
  margin-bottom: 24px;
}

.OnboardingWizard_progressCircle__IdU9u {
  position: relative;
  width: 40px;
  height: 40px;
  margin: 0 auto;
}

.OnboardingWizard_circleProgress__fbF2q {
  animation: OnboardingWizard_circle-progress__Ut1eX 2s ease-in-out infinite;
}

/* ============ ANIMATIONS ============ */
@keyframes OnboardingWizard_rotate-3d-smooth__fzY5F {
  0%,
  100% {
    transform: rotateY(0deg) translateZ(0px);
  }
  50% {
    transform: rotateY(180deg) translateZ(30px);
  }
}

@keyframes OnboardingWizard_grid-pulse__4q5f\+ {
  0%,
  100% {
    opacity: 0.3;
  }
  50% {
    opacity: 0.6;
  }
}

@keyframes OnboardingWizard_center-glow__fAhlX {
  from {
    opacity: 0.2;
    transform: scale(0.9);
  }
  to {
    opacity: 0.5;
    transform: scale(1.1);
  }
}

@keyframes OnboardingWizard_sparkle__OZF0Y {
  0%,
  100% {
    opacity: 0;
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: scale(1.5);
  }
}

@keyframes OnboardingWizard_circle-progress__Ut1eX {
  0% {
    stroke-dashoffset: 100;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

/* ============ SCROLLBAR ============ */
.OnboardingWizard_content__EPFJq::-webkit-scrollbar {
  width: 8px;
}

.OnboardingWizard_content__EPFJq::-webkit-scrollbar-track {
  background: #f1f5f9;
}

.OnboardingWizard_content__EPFJq::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

.OnboardingWizard_content__EPFJq::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

.NonSuperAdminVerification_container__dq8YH {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.NonSuperAdminVerification_content__QVZiQ {
  background: white;
  border-radius: 8px;
  padding: 2rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.NonSuperAdminVerification_header__0FFvK {
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #e5e7eb;
  text-align: center;
}

.NonSuperAdminVerification_title__HuoX0 {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 0.5rem 0;
}

.NonSuperAdminVerification_emailHighlight__TAqMe {
  color: #0891b2;
  font-weight: 700;
}

.NonSuperAdminVerification_pollingStatus__rVeJj {
  text-align: center;
  padding: 2rem 0;
}

.NonSuperAdminVerification_spinner__FW1gT {
  width: 50px;
  height: 50px;
  margin: 0 auto 1rem;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #3498db;
  border-radius: 50%;
  animation: NonSuperAdminVerification_spin__W0Ogz 1s linear infinite;
}

@keyframes NonSuperAdminVerification_spin__W0Ogz {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.NonSuperAdminVerification_pollingText__Nkzse {
  font-size: 1rem;
  color: #34495e;
  margin-bottom: 0.5rem;
}

.NonSuperAdminVerification_attemptCounter__QTiZZ {
  font-size: 0.875rem;
  color: #7f8c8d;
}

.NonSuperAdminVerification_timeoutMessage__JsHlb {
  background-color: #fff3cd;
  border: 1px solid #ffc107;
  border-radius: 4px;
  padding: 1rem;
  margin: 1rem 0;
  text-align: center;
}

.NonSuperAdminVerification_timeoutMessage__JsHlb p {
  margin: 0.5rem 0;
  color: #856404;
}

.NonSuperAdminVerification_buttonContainer__QVAl- {
  display: flex;
  gap: 1rem;
  margin-top: 1.5rem;
  justify-content: space-between;
}

.SuperAdminVerification_container__SeZge {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}

.SuperAdminVerification_content__ntQsP {
  background: white;
  border-radius: 8px;
  padding: 2rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.SuperAdminVerification_header__PYR0j {
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #e5e7eb;
  text-align: center;
}

.SuperAdminVerification_title__kXjXx {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 0.5rem 0;
}

.SuperAdminVerification_emailHighlight__Ur6BH {
  color: #0891b2;
  font-weight: 700;
}

.SuperAdminVerification_link__r9GeU {
  color: #0d6efd;
  text-decoration: none;
}

.SuperAdminVerification_link__r9GeU:hover {
  text-decoration: underline;
}

.VerificationPage_pageContainer__HWqL0 {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f7fa;
  padding: 2rem;
}

.VerificationPage_loadingContainer__AZ-5r,
.VerificationPage_errorContainer__FOWah {
  /* min-height: 10rem; */
  text-align: center;
  padding: 2rem;
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.VerificationPage_spinner__qo4jO {
  width: 40px;
  height: 40px;
  margin: 0 auto 1rem;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  animation: VerificationPage_spin__eF-Nn 1s linear infinite;
}

@keyframes VerificationPage_spin__eF-Nn {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.VerificationPage_errorText__1ZiL4 {
  color: #e74c3c;
  margin-bottom: 1rem;
}

.VerificationPage_retryButton__np4G4 {
  padding: 0.75rem 1.5rem;
  background-color: #3498db;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1rem;
}

.VerificationPage_retryButton__np4G4:hover {
  background-color: #2980b9;
}

.region-selection-modal {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  background-color: #f5f7fa;
  min-height: 100vh;
  font-family: 'Segoe UI', sans-serif;
}

.modal-content-standard-signup {
  background: #fff;
  padding: 30px;
  max-width: 600px;
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.modal-title-standard-signup {
  font-size: 22px;
  color: #333;
  margin-bottom: 20px;
}

.region-dropdown-standard-signup {
  width: 100%;
  padding: 12px 14px;
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  font-size: 16px;
  margin-bottom: 16px;
  cursor: pointer;
  background-color: #fafafa;
}

.region-description-standard-signup {
  font-size: 14px;
  color: #555;
  margin-bottom: 30px;
}

.action-row-standard-signup {
  display: flex;
  justify-content: flex-end;
}

.create-button-standard-signup {
  padding: 12px 24px;
  background-color: #00a3e7;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.create-button-standard-signup :hover {
  background-color: #008cc5;
}

.region-tag-warning-standard-signup {
  background-color: #f9f9f9;
  color: #444;
  padding: 10px 14px;
  border-left: 4px solid #aaa;

  font-size: 14px;
  border-radius: 6px;
  margin-bottom: 15px;
}

.region-note-standard-signup {
  font-size: 14px;
  color: #cc0000;
  background-color: #ffe5e5;

  padding: 10px 14px;
  border-left: 4px solid #cc0000;
  border-radius: 6px;
  margin-bottom: 25px;
}

/* Full-screen overlay */
.popup-overlay-standard-signup {
  position: fixed;
  /* top: 0; */
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

/* Popup card */
.popup.success-standard-signup {
  width: 400px;
  min-height: 250px;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
  padding: 40px 32px;
  text-align: center;
  animation: fadeIn 0.4s ease-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Success icon */
.popup.success-standard-signup .icon {
  width: 64px;
  height: 64px;
  background: #e0fce4;
  color: #16a34a;
  font-size: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px auto;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Title */
.popup.success-standard-signup h3 {
  font-size: 22px;
  font-weight: 700;
  color: #111827;
  margin: 0;
}

/* Message */
.popup.success-standard-signup p {
  font-size: 15px;
  color: #4b5563;
  margin: 12px 0 28px;
  line-height: 5;
}

/* OK Button */
.popup.success-standard-signup .ok-button {
  background-color: #3b82f6;
  border: none;
  color: #fff;
  padding: 10px 26px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.popup.success-standard-signup .ok-button:hover {
  background-color: #2563eb;
}

/* Fade animation */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* .free-trial-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: #f7fbff;
  padding: 20px;
} */

.welcome-section-professional {
  text-align: center;
  margin-bottom: 1.5rem;
  padding: 1rem 0;
  border-bottom: 1px solid #e5e7eb;
}

.welcome-heading-professional {
  font-size: 1.75rem;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 0.5rem 0;
  line-height: 1.3;
}

.user-email-highlight {
  color: #0891b2;
  font-weight: 700;
}

.welcome-subheading-professional {
  font-size: 1rem;
  color: #6b7280;
  margin: 0;
  font-weight: 400;
  line-height: 1.4;
}

.notice-text-inline {
  font-size: 0.85rem;
  color: #9ca3af;
  font-style: italic;
  font-weight: 400;
}

.notice-text {
  font-size: 0.75rem;
  font-weight: 600;
  color: #92400e;
  letter-spacing: 0.05em;
}

.free-trial-box {
  background: #ffffff;
  padding: 32px;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  max-width: 650px;
  width: 100%;
  text-align: center;
}


.user-email {
  margin: 8px 0;
  font-size: 16px;
  color: #333;
}

.subtitle {
  font-size: 14px;
  color: #888;
  margin-bottom: 34px;
}

.scan-options {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 30px;
}

.scan-card {
  border: 2px solid #dfe6ef;
  border-radius: 10px;
  padding: 18px;
  text-align: left;
  cursor: pointer;
  transition: 0.3s ease all;
  background-color: #f9fcff;
}

.scan-card:hover {
  border-color: #00a3e7;
}

.scan-card.selected {
  border-color: #00a3e7;
  background-color: #e6f6fd;
}

.scan-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}

.scan-desc {
  font-size: 14px;
  color: #555;
}

.free-label {
  font-size: 12px;
  color: #00a3e7;
  background-color: #e0f4fb;
  padding: 2px 6px;
  border-radius: 4px;
  margin-left: 8px;
}

.cta-button {
  width: 100%;
  padding: 12px 20px;
  background-color: #00a3e7;
  color: white;
  border: none;
  border-radius: 6px;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.cta-button:hover {
  background-color: #008dc6;
}

.cta-button:disabled {
  background-color: #c4e4f2;
  cursor: not-allowed;
}

.loading-spinner {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 3px solid white;
  border-top: 3px solid #00a3e7;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  vertical-align: middle;
}

/* plans model */

.modelButton {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  color: #374151;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  /* Ensure button is positioned relative to create stacking context */
  position: relative;
  z-index: 51;
}

.modelButton:hover {
  background: #f8fafc;
  border-color: #3b82f6;
}

.modelDropdown {
  position: absolute;
  /* top: 100%; */
  bottom: 100%;
  right: 0;
  /* margin-top: 4px; */
  margin-bottom: 4px;
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  min-width: 220px;
  overflow: hidden;

  display: block;
  opacity: 1;
  transform: translateY(0);
  /* Prevent the dropdown from being clipped */
  max-height: 300px;
  overflow-y: auto;
}

.modelOption {
  padding: 12px 16px;
  color: #374151;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.2s ease;
  border: none;
  background: none;
  width: 100%;
  text-align: left;

  /* Ensure options are properly positioned */
  position: relative;
  z-index: 10000;
}

.modelOption:hover {
  background: #f8fafc;
}

.modelOption.selected {
  background: #eff6ff;
  color: #3b82f6;
  font-weight: 500;
}

.modelInfo {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.modelLabel {
  font-weight: 500;
  line-height: 1.2;
}

.modelDescription {
  font-size: 12px;
  color: #6b7280;
  line-height: 1.3;
  font-weight: 400;
}

.modelOption.selected .modelDescription {
  color: #60a5fa; /* Lighter blue for selected state */
}

/* plans model */

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.styles_modelSelector__RSHNN {
  position: relative;

  overflow: visible;
  /* Add higher z-index to the container */
  z-index: 50;
}

.styles_modelButton__tSmkm {
    width  :100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  color: #374151;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  /* Ensure button is positioned relative to create stacking context */
  position: relative;
  z-index: 51;  
  justify-content: space-between;
}

.styles_modelButton__tSmkm:hover {
  background: #f8fafc;
  border-color: #3b82f6;
}

.styles_modelDropdown__sW7ax {
  position: absolute;
  /* top: 100%; */
  bottom: 100%;
  right: 0;
  /* margin-top: 4px; */
  margin-bottom: 4px;
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  min-width: 220px;
  overflow: hidden;

  display: block;
  opacity: 1;
  transform: translateY(0);
  /* Prevent the dropdown from being clipped */
  max-height: 300px;
  overflow-y: auto;
  width : 100%;  /* Ensure dropdown is positioned correctly */
  /* position: absolute; */
}

.styles_modelOption__qTY03 {
  padding: 12px 16px;
  color: #374151;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.2s ease;
  border: none;
  background: none;
  width: 100%;
  text-align: left;

  /* Ensure options are properly positioned */
  position: relative;
  z-index: 10000;
}

.styles_modelOption__qTY03:hover {
  background: #f8fafc;
}

.styles_modelOption__qTY03.styles_selected__qTLWe {
  background: #eff6ff;
  color: #3b82f6;
  font-weight: 500;
}

.styles_modelInfo__RPtKP {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.styles_modelLabel__dphtH {
  font-weight: 500;
  line-height: 1.2;
}

.styles_modelDescription__yrXhR {
  font-size: 12px;
  color: #6b7280;
  line-height: 1.3;
  font-weight: 400;
}

.styles_modelOption__qTY03.styles_selected__qTLWe .styles_modelDescription__yrXhR {
  color: #60a5fa; /* Lighter blue for selected state */
}
/* TermsConditions.module.css */

.TermsConditions_termsContainer__W3\+RJ {
  background: white;
  border-radius: 1.5rem;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  border: 1px solid #e2e8f0;
  padding: 2rem;
  max-height: 30rem;
  overflow-y: auto;
}

.TermsConditions_termsHeading__mAHeF {
  font-size: 1.25rem;
  font-weight: 700;
  color: #0f172a;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #e2e8f0;
}

.TermsConditions_termsHeading__mAHeF:first-child {
  margin-top: 0;
  font-size: 1.5rem;
  color: #139fe0;
  border-bottom: 3px solid #139fe0;
  padding-bottom: 0.75rem;
}

.TermsConditions_termsPara__0pBH3 {
  font-size: 0.9375rem;
  line-height: 1.625;
  color: #334155;
  margin-bottom: 1rem;
}

.TermsConditions_termsPara__0pBH3 a {
  color: #139fe0;
  text-decoration: underline;
  font-weight: 500;
  transition: color 0.2s;
}

.TermsConditions_termsPara__0pBH3 a:hover {
  color: #0891b2;
}

.TermsConditions_termsParaHighlight__O0pNU {
  font-weight: 600;
  text-transform: uppercase;
  background: #fef3c7;
  padding: 1rem;
  border-radius: 0.75rem;
  border-left: 4px solid #f59e0b;
  margin: 1.5rem 0;
  color: #92400e;
}

.TermsConditions_termsUl__UQiYk {
  list-style: disc;
  padding-left: 2rem;
  margin: 1rem 0;
  font-size: 0.9rem;
  line-height: 1.75;
  color: #475569;
}

.TermsConditions_termsUl__UQiYk li {
  margin-bottom: 0.75rem;
  padding-left: 0.5rem;
}

.TermsConditions_termsUl__UQiYk li strong {
  color: #0f172a;
  font-weight: 600;
}

.TermsConditions_termsSection__Ltc5M {
  margin-bottom: 2rem;
  padding: 1.5rem;
  background: #f8fafc;
  border-radius: 1rem;
  border: 1px solid #e2e8f0;
}

.TermsConditions_termsNote__FTAOt {
  background: #ecfeff;
  border: 1px solid #06b6d4;
  border-radius: 0.75rem;
  padding: 1rem 1.25rem;
  margin: 1rem 0;
  font-size: 0.875rem;
  color: #0e7490;
}

.TermsConditions_termsNote__FTAOt strong {
  color: #0891b2;
  font-weight: 600;
}

.TermsConditions_checkboxContainer__K5Nvv {
  margin-top: 2rem;
  padding: 1.5rem;
  background: white;
  border-radius: 1rem;
  border: 2px solid #e2e8f0;
  transition: all 0.3s;
}

.TermsConditions_checkboxContainer__K5Nvv:hover {
  border-color: #06b6d4;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.TermsConditions_referenceLink__MLCRc {
  margin-top: 1.5rem;
  padding: 1rem;
  background: #f1f5f9;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  color: #475569;
}

.TermsConditions_referenceLink__MLCRc a {
  color: #139fe0;
  font-weight: 500;
  word-break: break-all;
}

/* Scrollbar Styling */
.TermsConditions_termsContainer__W3\+RJ::-webkit-scrollbar {
  width: 8px;
}

.TermsConditions_termsContainer__W3\+RJ::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 10px;
}

.TermsConditions_termsContainer__W3\+RJ::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 10px;
}

.TermsConditions_termsContainer__W3\+RJ::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .TermsConditions_termsContainer__W3\+RJ {
    padding: 1.5rem;
    max-height: 25rem;
  }

  .TermsConditions_termsHeading__mAHeF {
    font-size: 1.125rem;
  }

  .TermsConditions_termsHeading__mAHeF:first-child {
    font-size: 1.375rem;
  }

  .TermsConditions_termsPara__0pBH3 {
    font-size: 0.875rem;
  }

  .TermsConditions_termsUl__UQiYk {
    padding-left: 1.5rem;
    font-size: 0.875rem;
  }

  .TermsConditions_termsSection__Ltc5M {
    padding: 1rem;
  }
}

@media (max-width: 640px) {
  .TermsConditions_termsContainer__W3\+RJ {
    padding: 1rem;
    max-height: 20rem;
    border-radius: 1rem;
  }

  .TermsConditions_termsHeading__mAHeF {
    font-size: 1rem;
  }

  .TermsConditions_termsHeading__mAHeF:first-child {
    font-size: 1.25rem;
  }

  .TermsConditions_termsPara__0pBH3 {
    font-size: 0.8125rem;
  }

  .TermsConditions_termsUl__UQiYk {
    padding-left: 1.25rem;
    font-size: 0.8125rem;
  }

  .TermsConditions_termsUl__UQiYk li {
    margin-bottom: 0.5rem;
  }

  .TermsConditions_termsSection__Ltc5M {
    padding: 0.75rem;
    margin-bottom: 1.5rem;
  }

  .TermsConditions_checkboxContainer__K5Nvv {
    padding: 1rem;
  }
}

@media (max-width: 480px) {
  .TermsConditions_termsContainer__W3\+RJ {
    padding: 0.75rem;
  }

  .TermsConditions_termsHeading__mAHeF:first-child {
    font-size: 1.125rem;
  }

  .TermsConditions_termsParaHighlight__O0pNU {
    padding: 0.75rem;
    font-size: 0.75rem;
  }

  .TermsConditions_termsNote__FTAOt {
    padding: 0.75rem 1rem;
  }
}

/* LicenseAgreement.module.css */

.LicenseAgreement_licenseContainer__VR4d0 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background: linear-gradient(to bottom right, #f8fafc, #e0f2fe);
  padding: 2rem;
}

.LicenseAgreement_licenseCard__1GKBp {
  background: white;
  border-radius: 1.5rem;
  max-width: 800px;
  width: 100%;
  padding: 3rem;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  border: 1px solid #e2e8f0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-height: 90vh;
  overflow: hidden;
}

.LicenseAgreement_licenseHeader__gN9pc {
  text-align: center;
  border-bottom: 2px solid #e2e8f0;
  padding-bottom: 1.5rem;
}

.LicenseAgreement_licenseTitle__bKnuF {
  font-size: 2.25rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 0.75rem;
  background: linear-gradient(to right, #139fe0, #0891b2);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.LicenseAgreement_licenseMeta__35RHZ {
  display: inline-block;
  background: #ecfeff;
  padding: 0.75rem 1.5rem;
  border-radius: 9999px;
  font-size: 0.875rem;
  color: #0e7490;
  border: 1px solid #06b6d4;
}

.LicenseAgreement_licenseMeta__35RHZ strong {
  color: #0891b2;
  font-weight: 600;
}

.LicenseAgreement_licenseContent__KJSnX {
  flex: 1 1;
  overflow-y: auto;
  padding: 1.5rem;
  background: #f8fafc;
  border-radius: 1rem;
  border: 2px solid #e2e8f0;
}

.LicenseAgreement_termsWrapper__vxQlp {
  background: white;
  padding: 2rem;
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}

.LicenseAgreement_referenceBox__bkCIA {
  margin: 1.5rem 0;
  padding: 1rem 1.25rem;
  background: #f1f5f9;
  border-radius: 0.75rem;
  border-left: 4px solid #139fe0;
  font-size: 0.875rem;
  color: #475569;
}

.LicenseAgreement_referenceBox__bkCIA a {
  color: #139fe0;
  font-weight: 500;
  word-break: break-all;
  text-decoration: none;
  transition: color 0.2s;
}

.LicenseAgreement_referenceBox__bkCIA a:hover {
  color: #0891b2;
  text-decoration: underline;
}

.LicenseAgreement_checkboxWrapper__d6FEJ {
  margin-top: 1.5rem;
  padding: 1.5rem;
  background: white;
  border-radius: 1rem;
  border: 2px solid #e2e8f0;
  transition: all 0.3s;
}

.LicenseAgreement_checkboxWrapper__d6FEJ:hover {
  border-color: #06b6d4;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.LicenseAgreement_licenseActions__SLj9r {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding-top: 1rem;
  border-top: 2px solid #e2e8f0;
}

.LicenseAgreement_btnPrimary__grEPk {
  min-width: 200px;
  padding: 1rem 2.5rem;
  background: linear-gradient(to right, #0891b2, #2563eb, #1e40af);
  color: white;
  border: none;
  border-radius: 0.75rem;
  font-weight: 700;
  font-size: 1.125rem;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.LicenseAgreement_btnPrimary__grEPk:hover:not(:disabled) {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px);
}

.LicenseAgreement_btnPrimary__grEPk:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

.LicenseAgreement_btnPrimary__grEPk:active:not(:disabled) {
  transform: translateY(0);
}

/* Scrollbar Styling */
.LicenseAgreement_licenseContent__KJSnX::-webkit-scrollbar {
  width: 8px;
}

.LicenseAgreement_licenseContent__KJSnX::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 10px;
}

.LicenseAgreement_licenseContent__KJSnX::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 10px;
}

.LicenseAgreement_licenseContent__KJSnX::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Loading State */
.LicenseAgreement_loadingSpinner__8Omz- {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: LicenseAgreement_spin__SmvPG 0.8s linear infinite;
  margin-left: 0.5rem;
}

@keyframes LicenseAgreement_spin__SmvPG {
  to {
    transform: rotate(360deg);
  }
}

/* Responsive Styles */
@media (max-width: 1024px) {
  .LicenseAgreement_licenseContainer__VR4d0 {
    padding: 1.5rem;
  }

  .LicenseAgreement_licenseCard__1GKBp {
    padding: 2rem;
    max-height: 85vh;
  }

  .LicenseAgreement_licenseTitle__bKnuF {
    font-size: 2rem;
  }
}

@media (max-width: 768px) {
  .LicenseAgreement_licenseContainer__VR4d0 {
    padding: 1rem;
    align-items: flex-start;
    padding-top: 2rem;
  }

  .LicenseAgreement_licenseCard__1GKBp {
    padding: 1.5rem;
    border-radius: 1rem;
    max-height: none;
    min-height: auto;
  }

  .LicenseAgreement_licenseTitle__bKnuF {
    font-size: 1.75rem;
  }

  .LicenseAgreement_licenseMeta__35RHZ {
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
  }

  .LicenseAgreement_licenseContent__KJSnX {
    padding: 1rem;
  }

  .LicenseAgreement_termsWrapper__vxQlp {
    padding: 1.5rem;
  }

  .LicenseAgreement_checkboxWrapper__d6FEJ {
    padding: 1rem;
  }

  .LicenseAgreement_licenseActions__SLj9r {
    flex-direction: column;
  }

  .LicenseAgreement_btnPrimary__grEPk {
    width: 100%;
    padding: 0.875rem 2rem;
    font-size: 1rem;
  }
}

@media (max-width: 640px) {
  .LicenseAgreement_licenseCard__1GKBp {
    padding: 1rem;
    gap: 1.5rem;
  }

  .LicenseAgreement_licenseTitle__bKnuF {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
  }

  .LicenseAgreement_licenseHeader__gN9pc {
    padding-bottom: 1rem;
  }

  .LicenseAgreement_licenseContent__KJSnX {
    padding: 0.75rem;
  }

  .LicenseAgreement_termsWrapper__vxQlp {
    padding: 1rem;
  }

  .LicenseAgreement_referenceBox__bkCIA {
    padding: 0.75rem 1rem;
    font-size: 0.8125rem;
  }

  .LicenseAgreement_checkboxWrapper__d6FEJ {
    padding: 0.75rem;
    margin-top: 1rem;
  }
}

@media (max-width: 480px) {
  .LicenseAgreement_licenseContainer__VR4d0 {
    padding: 0.5rem;
  }

  .LicenseAgreement_licenseCard__1GKBp {
    padding: 0.75rem;
    border-radius: 0.75rem;
  }

  .LicenseAgreement_licenseTitle__bKnuF {
    font-size: 1.25rem;
  }

  .LicenseAgreement_licenseMeta__35RHZ {
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
  }

  .LicenseAgreement_btnPrimary__grEPk {
    padding: 0.75rem 1.5rem;
    font-size: 0.9375rem;
  }
}

/* Animation for page load */
@keyframes LicenseAgreement_fadeInUp__VFqVZ {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.LicenseAgreement_licenseCard__1GKBp {
  animation: LicenseAgreement_fadeInUp__VFqVZ 0.5s ease-out;
}

/* Focus states for accessibility */
.LicenseAgreement_btnPrimary__grEPk:focus-visible {
  outline: 3px solid #06b6d4;
  outline-offset: 2px;
}

.LicenseAgreement_checkboxWrapper__d6FEJ:focus-within {
  border-color: #06b6d4;
  box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.1);
}

.background-container {
  position: relative;
  background-image:
    linear-gradient(to right, rgba(0, 0, 32, 0.8), rgba(46, 46, 100, 0.6)),
    url(/static/media/Sigup1.4fd51062bef54061a756.png);
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100vh;
}

.signup-container {
  min-height: 100vh;
  display: flex;
  font-family:
    system-ui,
    -apple-system,
    sans-serif;
}

.hero-section {
  width: 60%;
  position: relative;
  overflow: hidden;
  background-color: #0f172a;
}

.hero-section-login {
  width: 60%;
  position: relative;
  overflow: hidden;
  /* background: linear-gradient(
    to top right,
    #016897 0%,
    #006b96 5%,
    #00a7ec 20%,
    #51c8f3 45%,
    #87d4f5 70%,
    #b8e5f7 90%
  ); */
  background: linear-gradient(
    to top right,
    #139fe0e0 0%,
    #109ad2 5%,
    #00a7ec 20%,
    #51c8f3 45%,
    #87d4f5 70%,
    #b8e5f7 90%
  );
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 0 24px;
}

.hero-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  height: 100vh;
  object-fit: cover;
  opacity: 0.9;
}

.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hero-overlay-login {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(15, 23, 42, 0.1),
    rgba(15, 23, 42, 0.05),
    transparent
  );
}

.hero-content-login {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 40px;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}

.hero-title-login {
  font-size: 1.75rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 35px !important;
  line-height: 1.2;
  letter-spacing: -0.5px;
  -webkit-background-clip: text;
  background-clip: text;
  cursor: default;
}

.hero-subtitle {
  color: rgba(255, 255, 255, 0.9);
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 32px;
  line-height: 1.5;
}

.featureItem {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  position: relative;
  cursor: pointer;
  border-radius: 16px;
}

.iconSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex-shrink: 0;
}

.iconCircle {
  width: 50px;
  height: 50px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  color: white;
  position: relative;
  z-index: 2;
}

.connector {
  width: 2px;
  height: 40px;
  background: repeating-linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.6) 0px,
    rgba(255, 255, 255, 0.6) 6px,
    transparent 6px,
    transparent 12px
  );
  margin-top: 8px;
  position: relative;
  z-index: 1;
}

.textSection {
  flex: 1 1;
  padding-top: 0.75rem;
  cursor: pointer;
}

.featureText {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  display: block;
  transition: all 0.3s ease-out;
}

.featureText:hover {
  color: white;
  font-weight: 600;
  transform: translateX(10px);
}

.feature-list-signup {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.feature-item-signup::selection {
  background: rgba(255, 255, 255, 0.3);
}

.color-blue-lPage {
  /* color: #1e293b !important; */
  color: #076077 !important;
}

.color-light-blue-lPage {
  /* color: #0f172a !important; */
  color: #0776a8 !important;
}

.color-dark-blue-lPage {
  /* color: #334155 !important; */
  color: #318bac !important;
}

.feature-item-signup {
  display: flex;
  align-items: center;
  gap: 12px;
}

.feature-icon-signup {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.feature-text-signup {
  color: white;
  font-size: 20px;
  font-weight: 500;
}

.hero-logo-section {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
}

.hero-logo-image {
  max-width: 270px !important;
  height: 345px !important;
  width: auto;
  border-radius: 12px;
  object-fit: contain;
  transition: all 0.3s ease;
}

.signup-panel {
  width: 40%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.signup-content {
  width: 100%;
  max-width: 384px;
  padding: 0 1.25rem;
}

.welcome-section {
  text-align: left;
  margin-bottom: 4px;
}

.welcome-title {
  font-size: 24px;
  font-weight: 600;
  color: #1a1f36;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.welcome-subtitle {
  font-size: 15px;
  color: #4f566b;
  margin-bottom: 32px;
  text-align: left;
}

.login-title {
  font-size: 30px;
  font-weight: bold;
  color: #111827;
  line-height: 1.1;
  margin: 0;
}

.form-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}

.form-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.form-input {
  width: 100%;
  padding: 18px 16px;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #111827;
  background: white;
  outline: none;
  transition: all 0.3s ease;
  box-sizing: border-box;
  margin-bottom: 0;
}

.form-input:focus {
  background: white;
  border-color: #3b82f6 !important;
  outline: none;
  box-shadow: none !important;
}

.form-input::placeholder {
  color: #6b7280;
  font-weight: 400;
}

.error-message {
  color: #ef4444;
  font-size: 14px;
  font-weight: 500;
  margin-top: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.button-container {
  display: flex;
  gap: 12px;
  width: 100%;
}

.auth-button {
  flex: 1 1;
  background-color: #fff;
  color: #374151;
  padding: 14px 16px;
  border-radius: 12px;
  border: 2px solid #e5e7eb;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.auth-button:hover {
  background-color: #f9fafb;
  border-color: #d1d5db;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.continue-button {
  width: 100%;
  background-color: #2563eb;
  color: white;
  padding: 18px 24px;
  border-radius: 12px;
  border: none;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.continue-button:hover {
  background-color: #1d4ed8;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}

.divider {
  text-align: center;
  margin: 24px 0;
  position: relative;
}

.divider::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: #e5e7eb;
  z-index: 1;
}

.divider-text {
  background: white;
  color: #6b7280;
  font-size: 14px;
  padding: 0 16px;
  position: relative;
  z-index: 2;
}

.signin-section {
  text-align: center;
  margin-top: 24px;
}

.signin-text {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}

.signin-text + .signin-text {
  margin-top: 12px;
}

.signin-link {
  color: #2563eb;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
  border: none;
  background: none;
}

.signin-link:hover {
  text-decoration: underline;
  color: #1d4ed8;
}

.signin-link.no-underline {
  text-decoration: none;
}

.logo-image {
  height: 28px;
  width: auto;
}

.signup-tab-container {
  margin-bottom: 24px;
}

.signup-tab-list {
  display: flex;
  gap: 20px;
  padding-bottom: 1px;
}

.signup-tab-button {
  padding: 12px 0;
  color: #64748b;
  font-size: 16px;
  font-weight: 500;
  background: transparent;
  border: none;
  cursor: pointer;
  position: relative;
  transition: color 0.2s ease;
}

.signup-tab-button:hover {
  color: #374151;
}

.signup-tab-button.signup-active {
  color: #0066ff;
}

.signup-tab-button.signup-active::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #0066ff;
}

.signup-tab-button:focus {
  outline: none;
}

.domain-verification-section {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-bottom: 24px;
}

.domain-label {
  font-weight: 500;
  margin-bottom: 8px;
  color: #374151;
  font-size: 15px;
}

.domain-input-group {
  display: flex;
  align-items: center;
  gap: 12px;
}

.domain-input {
  flex: 1 1;
  min-width: 180px;
  padding: 16px;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  font-size: 15px;
  background: white;
  transition: all 0.3s ease;
}

.domain-input:focus {
  outline: none;
  background: white;
  border-color: #3b82f6 !important;
  box-shadow: none !important;
}

.verify-domain-button {
  background: #00a7ec;
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 0 20px;
  height: 50px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 100px;
}

.verify-domain-button:hover {
  background: #0891b2;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 167, 236, 0.3);
}

.verify-domain-button:disabled {
  background: #b3e5fc;
  color: #fff;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.verify-domain-button.verified {
  background: #10b981;
  color: #fff;
}

.verify-domain-button.verified:hover {
  background: #059669;
}

.spinner {
  width: 18px;
  height: 18px;
  border: 2px solid #fff;
  border-top: 2px solid #00a7ec;
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
  display: inline-block;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.domain-note {
  font-size: 13px;
  color: #6b7280;
  margin-top: 4px;
  padding: 8px 12px;
  background: #f9fafb;
  border-radius: 8px;
  border-left: 3px solid #f59e0b;
}

.domain-error {
  color: #ef4444;
  font-size: 13px;
  margin-top: 4px;
  font-weight: 500;
  padding: 8px 12px;
  background: #fef2f2;
  border-radius: 8px;
  border-left: 3px solid #ef4444;
}

.signup-form-input {
  width: 100%;
  padding: 16px;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  font-size: 16px;
  background: white;
  transition: all 0.3s ease;
}

.signup-error-text {
  color: #ef4444;
  font-size: 14px;
  margin-top: 4px;
  font-weight: 500;
}

.signup-tab-content {
  margin-top: 24px;
}

.report-types-section {
  margin-top: 32px;
  width: 100%;
}

.report-types-section h2 {
  margin-bottom: 24px;
  font-size: 1.25rem;
  color: #374151;
  font-weight: 600;
}

.report-types-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 16px;
  gap: 16px;
  width: 100%;
}

@media (min-width: 1200px) {
  .hero-title-login {
    font-size: 2rem;
  }

  .hero-content-login {
    gap: 50px;
  }

  .hero-logo-image {
    max-width: 300px !important;
    height: 380px !important;
  }

  .form-section {
    gap: 18px !important;
  }
}

@media (max-width: 1199px) and (min-width: 1024px) {
  .hero-section,
  .hero-section-login {
    width: 50%;
  }

  .signup-panel {
    width: 50%;
  }

  .hero-title {
    font-size: 48px;
  }

  .feature-text {
    font-size: 18px;
  }

  .hero-title-login {
    font-size: 1.6rem;
  }

  .hero-content-login {
    gap: 35px;
  }

  .hero-logo-image {
    max-width: 220px !important;
    height: 280px !important;
  }

  .form-section {
    gap: 16px !important;
  }
}

@media (max-width: 1023px) and (min-width: 768px) {
  .hero-section-login {
    padding: 16px;
    width: 50%;
  }

  .signup-panel {
    width: 50%;
  }

  .hero-content-login {
    flex-direction: column;
    gap: 20px;
    max-width: 600px;
  }

  .hero-title-login {
    font-size: 1.4rem;
    margin-bottom: 20px !important;
  }

  .featureText {
    font-size: 0.95rem;
  }

  .iconCircle {
    width: 42px;
    height: 42px;
  }

  .connector {
    height: 32px;
  }

  .hero-logo-image {
    max-width: 180px !important;
    height: 230px !important;
  }

  .signup-content {
    padding: 0 20px;
    max-width: 350px;
  }

  .button-container {
    flex-direction: column;
    gap: 8px;
  }

  .auth-button {
    width: 100%;
    font-size: 12px;
    padding: 10px 6px;
  }

  .form-section {
    gap: 14px !important;
  }
}

@media (max-width: 768px) {
  .signup-container {
    flex-direction: column;
  }

  .hero-section,
  .hero-section-login,
  .signup-panel {
    width: 100%;
  }

  .hero-section,
  .hero-section-login {
    min-height: 40vh;
    padding: 12px;
  }

  .signup-panel {
    min-height: 60vh;
  }

  .hero-content-login {
    flex-direction: column;
    gap: 15px;
    max-width: 500px;
  }

  .hero-title-login {
    font-size: 1.2rem;
    margin-bottom: 15px !important;
    line-height: 1.3;
  }

  .featureText {
    font-size: 0.85rem;
  }

  .iconCircle {
    width: 38px;
    height: 38px;
  }

  .connector {
    height: 30px;
  }

  .hero-logo-image {
    max-width: 140px !important;
    height: 180px !important;
  }

  .hero-content {
    padding: 24px;
  }

  .hero-title {
    font-size: 36px;
  }

  .feature-text {
    font-size: 16px;
  }

  .signup-content {
    padding: 0 24px;
  }

  .button-container {
    flex-direction: column;
  }

  .auth-button {
    width: 100%;
  }

  .report-types-grid {
    grid-template-columns: 1fr;
  }

  .domain-input-group {
    flex-direction: column;
    align-items: stretch;
  }

  .verify-domain-button {
    width: 100%;
    height: 50px;
  }

  /* Increased gap for form sections on mobile */
  .form-section {
    gap: 14px !important;
  }

  .domain-verification-section {
    gap: 14px !important;
  }
}

/* Additional mobile-specific overrides */
@media screen and (max-width: 479px) {
  .signup-container .signup-panel .signup-content .form-section {
    gap: 14px !important;
    grid-gap: 14px !important;
  }

  .signup-container .signup-panel .signup-content .domain-verification-section {
    gap: 14px !important;
    grid-gap: 14px !important;
  }
}

@media (max-width: 479px) {
  .hero-title {
    font-size: 28px;
  }

  .login-title {
    font-size: 24px;
    color: #111827 !important;
  }

  .welcome-section {
    margin-bottom: 8px;
  }

  .welcome-title {
    font-size: 20px;
    flex-direction: column;
    gap: 4px;
  }

  .feature-item {
    gap: 8px;
  }

  .feature-text {
    font-size: 14px;
  }

  .hero-content {
    padding: 16px;
  }

  .signup-content {
    padding: 0 16px;
  }

  .hero-section-login {
    padding: 8px;
  }

  .hero-content-login {
    flex-direction: column;
    gap: 12px;
    max-width: 400px;
  }

  .hero-title-login {
    font-size: 1rem;
    margin-bottom: 12px !important;
    line-height: 1.4;
  }

  .featureText {
    font-size: 0.75rem;
  }

  .featureItem {
    gap: 0.4rem;
  }

  .iconCircle {
    width: 32px;
    height: 32px;
  }

  .connector {
    height: 28px;
  }

  .hero-logo-image {
    max-width: 120px !important;
    height: 150px !important;
  }

  .form-input,
  .domain-input {
    padding: 16px 14px !important;
    font-size: 15px !important;
    background: #ffffff !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 12px !important;
    color: #111827 !important;
    -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
  }

  .form-input:focus,
  .domain-input:focus {
    border-color: #3b82f6 !important;
    -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
    outline: none !important;
    box-shadow: none !important;
  }

  .form-input::placeholder,
  .domain-input::placeholder {
    color: #6b7280 !important;
  }

  .signup-tab-list {
    gap: 20px;
  }

  .button-container {
    gap: 8px;
  }

  /* Better spacing for very small screens */
  .form-section {
    gap: 16px !important;
    grid-gap: 16px !important;
  }

  .domain-verification-section {
    gap: 16px !important;
    grid-gap: 16px !important;
  }
}

/* --- Container Layout --- */
.MainContainerLayout_container__izn\+8 {
  height: calc(100vh - 60px);
  width: 100%;
  display: flex;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  padding-top: 4px;
  padding-bottom: 4px;
  gap: 4px;
  box-sizing: border-box;
}

/* --- Sidebar --- */
.MainContainerLayout_sidebar__3Qpyi {
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: width 0.3s ease;
  overflow: hidden;
  box-sizing: border-box;
}

.MainContainerLayout_sidebarCollapsed__61Mxz {
  width: var(--collapsed-width);
  min-width: var(--collapsed-width);
  max-width: var(--collapsed-width);
}

.MainContainerLayout_sidebarExpanded__EvJyN {
  width: var(--sidebar-width);
  min-width: var(--min-sidebar-width);
  max-width: var(--max-sidebar-width);
}

/* --- Content --- */
.MainContainerLayout_content__Cuwae {
  flex: 1 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 8px; /* ✅ Constant padding */
  box-sizing: border-box;
}

/* Full width if no sidebar */
.MainContainerLayout_fullWidthContent__Utaft {
  width: 100% !important;
  flex: 1 1 !important;
}

/* --- Mobile Overlay (future usage) --- */
.MainContainerLayout_mobileOverlay__NyBN4 {
  display: none;
}

/* --- Responsive Layout --- */

/* Medium & small screens */
@media (max-width: 767px) {
  .MainContainerLayout_container__izn\+8 {
    flex-direction: row;
    padding: 4px;
    overflow: hidden;
  }

  .MainContainerLayout_sidebar__3Qpyi {
    position: relative;
    height: 100%;
  }

  .MainContainerLayout_sidebarExpanded__EvJyN {
    width: 35%;
    min-width: var(--collapsed-width);
    max-width: 50%;
  }

  .MainContainerLayout_content__Cuwae {
    padding: 0 8px;
  }
}

/* Extra small screens (mobile phones) */
@media (max-width: 480px) {
  .MainContainerLayout_container__izn\+8 {
    flex-direction: column;
    padding: 4px;
    height: calc(100vh - 50px);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
  }

  .MainContainerLayout_collapsed__wWmza {
    flex-direction: row;
  }

  .MainContainerLayout_expanded__lCs9j {
    flex-direction: column;
  }

  .MainContainerLayout_sidebar__3Qpyi {
    position: relative;
    width: 100%;
    height: auto;
    background: transparent;
    box-shadow: none;
    overflow: visible;
    transform: none;
  }

  .MainContainerLayout_sidebarCollapsed__61Mxz {
    width: var(--collapsed-width);
    min-width: var(--collapsed-width);
    max-width: var(--collapsed-width);
  }

  .MainContainerLayout_sidebarExpanded__EvJyN {
    width: 100%;
    min-width: var(--collapsed-width);
    max-width: none;
  }

  .MainContainerLayout_content__Cuwae {
    flex: 1 1;
    width: 100%;
    height: auto;
    min-height: 100%;
    overflow: visible;
    position: relative;
    padding: 0 8px;
    box-sizing: border-box;
  }
}

/* --- Custom Scrollbar (Constant width & no right gap) --- */
.MainContainerLayout_customScrollbar__N3MOg {
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable both-edges; /* ✅ Prevents layout shift & right gap */
}

/* Scrollbar design */
.MainContainerLayout_customScrollbar__N3MOg::-webkit-scrollbar {
  width: 6px;
}

.MainContainerLayout_customScrollbar__N3MOg::-webkit-scrollbar-track {
  background: #f1f5f9;
}

.MainContainerLayout_customScrollbar__N3MOg::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}

.MainContainerLayout_customScrollbar__N3MOg::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

.MainContainerLayout_customScrollbar__N3MOg::-webkit-scrollbar-corner {
  background: transparent;
}

/* --- Touch Devices --- */
@media (hover: none) and (pointer: coarse) {
  .MainContainerLayout_customScrollbar__N3MOg::-webkit-scrollbar {
    width: 6px;
  }
}

/* --- High Contrast Mode --- */
@media (prefers-contrast: high) {
  .MainContainerLayout_customScrollbar__N3MOg::-webkit-scrollbar-track {
    background: #ffffff;
    border: 1px solid #000000;
  }

  .MainContainerLayout_customScrollbar__N3MOg::-webkit-scrollbar-thumb {
    background: #000000;
    border: 1px solid #ffffff;
  }

  .MainContainerLayout_customScrollbar__N3MOg::-webkit-scrollbar-thumb:hover {
    background: #333333;
  }
}

/* --- Dark Mode --- */
@media (prefers-color-scheme: dark) {
  .MainContainerLayout_customScrollbar__N3MOg::-webkit-scrollbar-track {
    background: #374151;
  }

  .MainContainerLayout_customScrollbar__N3MOg::-webkit-scrollbar-thumb {
    background: #6b7280;
  }

  .MainContainerLayout_customScrollbar__N3MOg::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
  }
}

.TabFiltersUI_container__ySezf {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}

.TabFiltersUI_tabNavigation__s8gYJ {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex-wrap: nowrap;
  white-space: nowrap;
  position: relative;
  margin-bottom: 0.5rem;
}

.TabFiltersUI_tab__AGz-1 {
  color: #374151;
  margin-right: 0.25rem;
  font-weight: 500;
  cursor: pointer;
  padding: 0.09375rem 0.1875rem;
  font-size: 1rem;
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  line-height: 1.4;
  flex-shrink: 0;
  white-space: nowrap;
  min-width: -webkit-fit-content;
  min-width: fit-content;
}

.TabFiltersUI_tabActive__OUTjh {
  color: #00a3e7;
  border-bottom: 0.1875rem solid #00a7ec;
}

.TabFiltersUI_tabIcon__RTI-T {
  font-size: 0.6875rem;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.TabFiltersUI_tabName__gBmKA {
  max-width: 14rem;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1.4;
  flex-shrink: 0;
}

.TabFiltersUI_tabBadge__Ewbqn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.375rem;
  font-size: 0.75rem;
  border-radius: 9999px;
  line-height: 1.4;
}

.TabFiltersUI_overflowButton__0gqgP {
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  transition: transform 0.2s;
}

.TabFiltersUI_overflowButton__0gqgP:hover {
  transform: scale(1.1);
}

.TabFiltersUI_overflowContainer__kXQml {
  position: relative;
  /* z-index: 10000000; */
}

.TabFiltersUI_dropdown__EAF4L {
  position: absolute;
  top: 2.25rem;
  right: 0;
  background: white;
  border: 0.0625rem solid #ddd;
  border-radius: 0.375rem;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  z-index: 10000001;
  min-width: 10rem;
  padding: 0.25rem;
}

.TabFiltersUI_dropdownItem__RRMrT {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.625rem 0.875rem;
  font-size: 0.875rem;
  color: #444;
  background-color: transparent;
  border-radius: 0.375rem;
  cursor: pointer;
  gap: 0.5rem;
}

.TabFiltersUI_dropdownItem__RRMrT:hover {
  background-color: #f3f4f6;
  color: #00a3e7;
}

.TabFiltersUI_dropdownItemActive__a75Cd {
  background-color: #fafafa;
  color: #00a3e7;
}

.TabFiltersUI_dropdownName__geGs0 {
  flex: 1 1;
  white-space: nowrap;
  overflow: hidden;
  text-wrap: wrap;
}

.TabFiltersUI_dropdownBadge__f5B3z {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.375rem;
  font-size: 0.75rem;
  border-radius: 9999px;
  line-height: 1.4;
}

.TabFiltersUI_backdrop__3SnU0 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
}

.DashboardHeading_headerRow__5vh9T {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px;
}

.DashboardHeading_left__RWRsk {
  display: flex;
  gap: 12px;
  flex-wrap: nowrap;
}
/* .heading_css {
  font-size: clamp(1rem, 1.5vw, 2.5rem);
  font-weight: 600;
  margin-right: 10px;
  color: #222;
  line-height: 1;
  letter-spacing: 0.01em;
} */
.DashboardHeading_heading_css__PEv3Q {
  font-size: 24px;
  font-weight: 600;
  margin-right: 10px;
  color: #222;
}

@media screen and (max-width: 600px) {
  .DashboardHeading_heading_css__PEv3Q {
    font-size: 20px;
  }
}
.DashboardHeading_danger-tag__AxZSI {
  display: inline-block;
  background-color: #e85a5a;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 4px 8px;
  margin-left: 8px;
  border-radius: 12px;
  line-height: 1;
  border: 2px solid #e85a5a;
}

.DashboardHeading_right__dSLpW {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
}

.DashboardHeading_iconButton__zaikf {
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.DashboardHeading_downloadButton__Fi4P3 {
  min-width: 100px;
  text-transform: none;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  color: #333;
  font-size: 14px;
  height: 36px;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1px 10px;
  cursor: pointer;
  gap: 6px;
  white-space: nowrap;
}

.DashboardHeading_chevron__OMagX {
  transition: transform 0.3s ease;
}

.DashboardHeading_dropdownWrapper__QVTtV {
  position: relative;
}

.DashboardHeading_dropdownMenu__ZFHfh {
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  border: 1px solid #e0e0e0;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  margin-top: 4px;
  border-radius: 6px;
  overflow: hidden;
  z-index: 1000;
  max-height: 400px;
  min-width: 260px;
}

.DashboardHeading_dropdownItem__pGgFf {
  width: 100%;
  padding: 14px;
  text-align: left;
  background: transparent;
  border: none;
  cursor: pointer;
  transition:
    background-color 0.15s ease-in-out,
    color 0.15s ease-in-out;
}

.DashboardHeading_dropdownItem__pGgFf:hover {
  background-color: #eff6ff;
}

.DashboardHeading_dropdownItem__pGgFf:hover .DashboardHeading_modelTitle__rCNDx {
  color: #3b82f6;
}

.DashboardHeading_dropdownItem__pGgFf:hover .DashboardHeading_modelDescription__\+Eh2j {
  color: #60a5fa;
}

.DashboardHeading_modelInfo__aW5PX {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  gap: 12px;
}

.DashboardHeading_modelContent__akmAF {
  flex: 1 1;
  display: flex;
  flex-direction: column;
}

.DashboardHeading_modelTitle__rCNDx {
  font-weight: 600;
  font-size: 12px;
  color: #333;
  margin-bottom: 4px;
  line-height: 1.2;
}

.DashboardHeading_modelDescription__\+Eh2j {
  color: #666;
  font-size: 10px;
  line-height: 1.4;
  margin: 0;
}

/* Responsive */
@media screen and (max-width: 768px) {
  .DashboardHeading_headerRow__5vh9T,
  .DashboardHeading_left__RWRsk,
  .DashboardHeading_right__dSLpW {
    flex-wrap: wrap;
    gap: 8px;
  }

  .DashboardHeading_downloadButton__Fi4P3 {
    width: 100%; /* full width on smaller screens */
    text-align: center;
  }

  .DashboardHeading_dropdownMenu__ZFHfh {
    min-width: 100%;
    left: 0;
    right: auto;
  }
}

/* MultiFilterContainer.module.css */
.MultiFilterContainer_minimizedContainer__IlbZB {
  width: 60px;
  background: white;
  border-right: 1px solid #d1d5db;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 18px 0;
  height: 100vh;
  margin-right: 16px !important;
}

.MultiFilterContainer_headerFilterIcon__OqmMV {
  border-bottom: 2px solid #e5e7eb;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.MultiFilterContainer_minimizedButton__s4KOA {
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 4px;
  transition: background-color 0.2s ease;
}

.MultiFilterContainer_menuIcon__xYFRr {
  width: 20px;
  height: 20px;
  color: #6b7280;
}

.MultiFilterContainer_headerMenuIcon__KD3LY {
  width: 26px;
  height: 26px;
  color: #374151;
}

.MultiFilterContainer_iconsList__wQjO2 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  height: 30px;
}

.MultiFilterContainer_iconContainer__q3rVv {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2px 0;
  cursor: pointer;
  transition: background-color 0.2s ease;
  width: 100%;
  border-radius: 2px;
  margin-top: 6px;
}

.MultiFilterContainer_iconContainer__q3rVv:hover {
  background: #f3f4f6;
}

.MultiFilterContainer_iconItem__Qq6Pu {
  width: 20px;
  height: 20px;
  color: #6b7280;
  margin-bottom: 4px;
  flex-shrink: 0;
}

.MultiFilterContainer_iconLabel__OXf2z {
  font-size: 10px;
  color: #6b7280;
  text-align: center;
  line-height: 1.2;
  font-weight: 400;
}

.MultiFilterContainer_mainContainer__-Qy-s {
  width: 100%;
  background: white;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.1),
    0 1px 2px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  height: calc(99vh - 65px);
}

/* Full height when no footer */
.MultiFilterContainer_mainContainer__-Qy-s.MultiFilterContainer_noFooter__2Lrk9 {
  height: calc(99vh - 65px);
}

.MultiFilterContainer_header__jghVM {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #e5e7eb;
  background: #f9fafb;
  border-radius: 8px 8px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}

.MultiFilterContainer_headerContent__wAM1O {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.MultiFilterContainer_headerIcon__8kOCL {
  width: 20px;
  height: 20px;
  color: #374151;
  flex-shrink: 0;
}

.MultiFilterContainer_headerTitle__AajFP {
  font-size: 1.125rem;
  font-weight: 600;
  color: #111827;
  margin: 0;
  white-space: nowrap;
}

.MultiFilterContainer_headerButton__0tzZs {
  padding: 0.25rem;
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.MultiFilterContainer_content__-Yxgp {
  flex: 1 1;
  overflow-y: auto;
  padding: 0.5rem 0;
  min-height: 200px;
  max-height: calc(100vh - 200px);
}

/* Full height content when no footer */
.MultiFilterContainer_contentFullHeight__UKSTk {
  max-height: calc(100vh - 130px) !important;
  flex: 1 1 auto;
}

.MultiFilterContainer_content__-Yxgp::-webkit-scrollbar {
  width: 4px;
  height: 16px;
}

.MultiFilterContainer_content__-Yxgp::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 4px;
}

.MultiFilterContainer_content__-Yxgp::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 4px;
}

.MultiFilterContainer_content__-Yxgp::-webkit-scrollbar-thumb:hover {
  background: #a2a7af;
}

.MultiFilterContainer_actions__tv3Gs {
  padding: 1.2rem 0.75rem;
  border-top: 1px solid #e5e7eb;
  background: #f9fafb;
  border-radius: 0 0 8px 8px;
  display: flex;
  gap: 0.75rem;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .MultiFilterContainer_actions__tv3Gs {
    flex-direction: column;
    padding: 0.5rem;
  }
}

/* MultiFilterPanel.module.css */
.MultiFilterPanel_panel__ob49K {
  border-bottom: 1px solid #e5e7eb;
  transition: all 0.2s ease;
}

.MultiFilterPanel_panel__ob49K:last-child {
  border-bottom: none;
}

.MultiFilterPanel_panelButton__YsNcl {
  width: 100%;
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
  text-align: left;
}

.MultiFilterPanel_panelButton__YsNcl:hover {
  background: #f9fafb;
}

.MultiFilterPanel_panelHeader__MGyQA {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.MultiFilterPanel_panelIcon__-T\+og {
  width: 20px;
  height: 20px;
  color: #6b7280;
  transition: color 0.2s ease;
  flex-shrink: 0;
}

.MultiFilterPanel_panelIcon__-T\+og.MultiFilterPanel_hasValue__V6Zpr {
  color: #2563eb;
}

.MultiFilterPanel_panelButton__YsNcl:hover .MultiFilterPanel_panelIcon__-T\+og:not(.MultiFilterPanel_hasValue__V6Zpr) {
  color: #374151;
}

.MultiFilterPanel_panelInfo__iVJIt {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.MultiFilterPanel_panelName__NDCvQ {
  font-size: 0.875rem;
  font-weight: 500;
  color: #111827;
  margin: 0;
}

.MultiFilterPanel_chevron__bV5S0 {
  width: 16px;
  height: 16px;
  color: #9ca3af;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}

.MultiFilterPanel_chevron__bV5S0.MultiFilterPanel_expanded__XJKWi {
  transform: rotate(90deg);
}

.MultiFilterPanel_panelContent__RAWsC {
  padding: 0 1rem 0.75rem 1rem;
  background: rgba(249, 250, 251, 0.5);
  animation: MultiFilterPanel_slideDown__\+tbHU 0.2s ease-out;
}

.MultiFilterPanel_panelContentInner__HPs0\+ {
  padding-left: 0.25rem;
}

@keyframes MultiFilterPanel_slideDown__\+tbHU {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

/* Overlay */
.SlidingWindow_overlay__wtSan {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1101;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.SlidingWindow_overlayVisible__kGbuc {
  opacity: 1;
}

/* Sliding Window */
.SlidingWindow_slidingWindow__\+F6Rf {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  background: white;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
  transform: translateX(100%);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  border-radius: 0px;
  border: 1px solid #e0e0e0;
}

/* Dark theme styles */
.SlidingWindow_darkTheme__5Xx9- {
  border: 1px solid #555 !important;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3) !important;
}

.SlidingWindow_slideIn__Li0T7 {
  transform: translateX(0);
}

/* Width variants */
.SlidingWindow_width40__M0l-k {
  width: 40%;
}

.SlidingWindow_width30__sJnwD {
  width: 30%;
}

.SlidingWindow_width15__sBxpQ {
  width: 15%;
}

/* Header */
.SlidingWindow_header__4Tsz9 {
  padding: 13px 20px;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.SlidingWindow_headerLight__GZ2Qi {
  background-color: #f8f9fa;
}

.SlidingWindow_headerPrimary__IZZls {
  background-color: #e3f2fd;
}

.SlidingWindow_headerSecondary__-gFbD {
  background-color: #f3e5f5;
}

/* Dark theme header */
.SlidingWindow_headerDark__PZkoa {
  background-color: #383838;
  border-bottom: 1px solid #555;
}

.SlidingWindow_title__Fhw-l {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

/* Dark theme title */
.SlidingWindow_titleDark__QbdRG {
  color: #ffffff !important;
}

.SlidingWindow_closeButton__-8SIH {
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  color: #666;
  border-radius: 6px;
  transition: background-color 0.2s ease;
}

.SlidingWindow_closeButton__-8SIH:hover {
  background-color: #ffffff;
  color: #374151;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}

/* Dark theme close button */
.SlidingWindow_closeButtonDark__T8IPR {
  color: #ffffff !important;
}

.SlidingWindow_closeButtonDark__T8IPR:hover {
  background-color: #444444 !important;
  color: #ffffff !important;
  box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.1) !important;
}

/* Content */
.SlidingWindow_content__skkEC {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  padding: 20px;
  overflow-y: auto;
  padding-top: 5px;
  max-height: none;
  max-height: initial;
}

/* Dark theme content */
.SlidingWindow_contentDark__ifKKT {
  color: #ffffff;
}

/* Ensure dark theme content has white text for all child elements */
/* .contentDark * {
  color: #ffffff !important;
} */

/* Full height content for view mode (no footer) */
.SlidingWindow_contentFullHeight__0PaJh {
  max-height: calc(100vh - 60px);
}

/* Content without header for info windows */
.SlidingWindow_contentNoHeader__1f-J2 {
  max-height: 100vh;
}

/* Footer */
.SlidingWindow_footer__y5iKf {
  padding: 14px 20px;
  border-top: 1px solid #e0e0e0;
}

/* Dark theme footer */
.SlidingWindow_footerDark__Bm8lV {
  border-top: 1px solid #555;
}

/* Remove border-top when content is short */
.SlidingWindow_footer__y5iKf.SlidingWindow_noBorder__gR849 {
  border-top: none;
}

.SlidingWindow_buttonGroup__y-\+TD {
  display: flex;
  gap: 12px;
}

/* When single button, make it full width if appropriate */
.SlidingWindow_buttonGroup__y-\+TD:has(button:only-child) button {
  flex: 1 1;
  max-width: 200px;
}

/* When 3 buttons, keep them side by side */
.SlidingWindow_buttonGroup__y-\+TD:has(button:nth-child(3)) {
  flex-wrap: nowrap;
}

/* Buttons */
.SlidingWindow_button__tk-Go {
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  background: white;
  color: #333;
  height: 40px;
  min-width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.SlidingWindow_button__tk-Go:hover {
  background-color: #f5f5f5;
}

.SlidingWindow_buttonPrimary__jTZ89 {
  background: #2563eb;
  color: white;
  border-color: #2563eb;
}

.SlidingWindow_buttonPrimary__jTZ89:hover {
  background: #1d4ed8;
  border-color: #1d4ed8;
}

.SlidingWindow_buttonCancel__qlObu {
  background: #f8fafc;
  color: #475569;
  border-color: #e2e8f0;
}

.SlidingWindow_buttonCancel__qlObu:hover {
  background: #f1f5f9;
  color: #475569;
  border-color: #cbd5e1;
}

.SlidingWindow_buttonSecondary__dOJZ9 {
  background-color: white;
  color: #1976d2;
  border-color: #1976d2;
}

.SlidingWindow_buttonSecondary__dOJZ9:hover {
  background-color: #f3f9ff;
}

.SlidingWindow_buttonDisabled__YgL68 {
  background-color: #f5f5f5 !important;
  color: #999 !important;
  border-color: #e0e0e0 !important;
  cursor: not-allowed !important;
}

/* Loading spinner */
.SlidingWindow_loadingContainer__h4-KC {
  display: flex;
  align-items: center;
  gap: 8px;
}

.SlidingWindow_spinner__ARaXc {
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  border-top: 2px solid currentColor;
  border-radius: 50%;
  animation: SlidingWindow_spin__nywAg 1s linear infinite;
}

@keyframes SlidingWindow_spin__nywAg {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Info Icon */
.SlidingWindow_infoIconContainer__Al2H5 {
  position: relative;
  display: inline-block;
}

.SlidingWindow_infoIcon__5VY1Y {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #f0f0f0;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.SlidingWindow_infoIcon__5VY1Y:hover {
  background-color: #e0e0e0;
}

/* Dark theme info icon */
.SlidingWindow_infoIconDark__qKUOi {
  background-color: #555 !important;
  color: #ffffff !important;
}

.SlidingWindow_infoIconDark__qKUOi:hover {
  background-color: #666 !important;
}

.SlidingWindow_tooltip__V4UXp {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 8px;
  padding: 8px 12px;
  background-color: #333;
  color: white;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 10000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.SlidingWindow_tooltip__V4UXp::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 4px solid transparent;
  border-top-color: #333;
}

/* Scrollbar Styling */
.SlidingWindow_content__skkEC::-webkit-scrollbar {
  width: 6px;
}

.SlidingWindow_content__skkEC::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.SlidingWindow_content__skkEC::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}

.SlidingWindow_content__skkEC::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;
}

/* Dark theme scrollbar */
.SlidingWindow_contentDark__ifKKT::-webkit-scrollbar-track {
  background: #2d2d2d;
}

.SlidingWindow_contentDark__ifKKT::-webkit-scrollbar-thumb {
  background: #666;
}

.SlidingWindow_contentDark__ifKKT::-webkit-scrollbar-thumb:hover {
  background: #777;
}

/* RESPONSIVE DESIGN */

/* Extra small devices (phones <480px) */
@media (max-width: 479px) {
  .SlidingWindow_width40__M0l-k,
  .SlidingWindow_width30__sJnwD,
  .SlidingWindow_width15__sBxpQ {
    width: 60%;
  }
  
  .SlidingWindow_slidingWindow__\+F6Rf {
    border-radius: 0;
    border-left: none;
    border-right: none;
  }
}

/* Small devices (phones ≥480px) */
@media (min-width: 480px) and (max-width: 767px) {
  .SlidingWindow_width40__M0l-k {
    width: 95%;
  }
  
  .SlidingWindow_width30__sJnwD {
    width: 85%;
  }
  
  .SlidingWindow_width15__sBxpQ {
    width: 70%;
  }
  
  .SlidingWindow_slidingWindow__\+F6Rf {
    border-radius: 0;
  }
  
}

/* Medium devices (tablets ≥768px) */
@media (min-width: 768px) and (max-width: 991px) {
  .SlidingWindow_width40__M0l-k {
    width: 50%;
  }
  
  .SlidingWindow_width30__sJnwD {
    width: 50%;
  }
  
  .SlidingWindow_width15__sBxpQ {
    width: 35%;
  }
  
  .SlidingWindow_slidingWindow__\+F6Rf {
    border-radius: 0;
  }

}

/* Large devices (small laptops ≥992px) */
@media (min-width: 992px) and (max-width: 1199px) {
  .SlidingWindow_width40__M0l-k {
    width: 45%;
  }
  
  .SlidingWindow_width30__sJnwD {
    width: 35%;
  }
  
  .SlidingWindow_width15__sBxpQ {
    width: 25%;
  }
  
  .SlidingWindow_slidingWindow__\+F6Rf {
    border-radius: 0;
  }
  

}

/* Extra large devices (desktops ≥1200px) */
@media (min-width: 1200px) and (max-width: 1439px) {
  .SlidingWindow_width40__M0l-k {
    width: 40%;
  }
  
  .SlidingWindow_width30__sJnwD {
    width: 30%;
  }
  
  .SlidingWindow_width15__sBxpQ {
    width: 20%;
  }
  
  .SlidingWindow_slidingWindow__\+F6Rf {
    border-radius: 0;
  }
  
}

/* 2XL devices (large desktops ≥1440px) */
@media (min-width: 1440px) {
  .SlidingWindow_width40__M0l-k {
    width: 38%;
  }
  
  .SlidingWindow_width30__sJnwD {
    width: 28%;
  }
  
  .SlidingWindow_width15__sBxpQ {
    width: 18%;
  }
  
  .SlidingWindow_slidingWindow__\+F6Rf {
    border-radius: 0;
  }
  
}

.SlidingWindow_footerSplit__7poYj {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.SlidingWindow_buttonGroupLeft__bBnjm,
.SlidingWindow_buttonGroupRight__w47z0 {
    display: flex;
    gap: 10px;
}
/* ========================================
   CUSTOM MENU DROPDOWN STYLES
   EXACT MUI REPLICA
   ======================================== */

.MenuDropdown_menuWrapper__X2o4N {
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* Icon Button - Matches MUI IconButton */
.MenuDropdown_menuIconButton__loYX\+ {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.54);
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  position: relative;
  overflow: visible;
  font-size: 1.5rem;
  text-align: center;
  flex: 0 0 auto;
}

.MenuDropdown_menuIconButton__loYX\+:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.MenuDropdown_menuIconButton__loYX\+:active {
  background-color: rgba(0, 0, 0, 0.08);
}

/* Overlay - Invisible backdrop */
.MenuDropdown_menuOverlay__JfmYy {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1300;
  background: transparent;
}

/* Menu Container - Matches MUI Paper/Menu */
.MenuDropdown_menuContainer__rczZ0 {
  position: fixed;
  background-color: #fff;
  border-radius: 4px;
  box-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  z-index: 1301;
  min-width: 180px;
  max-width: calc(100% - 32px);
  outline: 0;
  overflow-y: auto;
  overflow-x: hidden;
  transition:
    opacity 251ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    transform 167ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transform-origin: top right;
  animation: MenuDropdown_menuScaleIn__2ND-l 167ms cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes MenuDropdown_menuScaleIn__2ND-l {
  from {
    opacity: 0;
    transform: scale(0.75);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Menu Item - Matches MUI MenuItem */
.MenuDropdown_menuItem__42YOt {
  width: 100%;
  padding: 6px 16px;
  border: none;
  background: transparent;
  text-align: left;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.00938em;
  color: rgba(0, 0, 0, 0.87);
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  text-decoration: none;
  min-height: 38px;
  /* padding-top: 6px; */
  /* padding-bottom: 6px; */
  white-space: nowrap;
}

.MenuDropdown_menuItem__42YOt:hover {
  background-color: rgba(0, 0, 0, 0.04);
  text-decoration: none;
}

.MenuDropdown_menuItem__42YOt:focus {
  outline: none;
  background-color: rgba(0, 0, 0, 0.04);
}

.MenuDropdown_menuItem__42YOt:active {
  background-color: rgba(0, 0, 0, 0.08);
}

/* Ripple effect simulation */
.MenuDropdown_menuItem__42YOt::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 0;
  transform: translate(-50%, -50%);
  transition:
    width 0.6s,
    height 0.6s,
    opacity 0.6s;
}

.MenuDropdown_menuItem__42YOt:active::after {
  width: 200%;
  height: 200%;
  opacity: 0;
  transition: 0s;
}

/* ========================================
   RESPONSIVE STYLES
   ======================================== */

@media (max-width: 768px) {
  .MenuDropdown_menuContainer__rczZ0 {
    min-width: 160px;
  }

  .MenuDropdown_menuItem__42YOt {
    font-size: 0.9375rem;
    min-height: 40px;
  }
}

/* ========================================
   DARK MODE SUPPORT (Optional)
   ======================================== */

@media (prefers-color-scheme: dark) {
  .MenuDropdown_menuIconButton__loYX\+ {
    color: rgba(255, 255, 255, 0.7);
  }

  .MenuDropdown_menuIconButton__loYX\+:hover {
    background-color: rgba(255, 255, 255, 0.08);
  }

  .MenuDropdown_menuContainer__rczZ0 {
    background-color: #424242;
    box-shadow:
      0px 5px 5px -3px rgba(0, 0, 0, 0.4),
      0px 8px 10px 1px rgba(0, 0, 0, 0.28),
      0px 3px 14px 2px rgba(0, 0, 0, 0.24);
  }

  .MenuDropdown_menuItem__42YOt {
    color: rgba(255, 255, 255, 0.87);
  }

  .MenuDropdown_menuItem__42YOt:hover {
    background-color: rgba(255, 255, 255, 0.08);
  }
}

.markdown-container {
  /* padding-right: 2rem;
    padding-bottom: 1rem; */
  border-radius: 8px;
  font-family: Arial, sans-serif;
  text-align: left;
  /* background-color: #ffffff; */
}

/* Headings */
.markdown-container h1,
.markdown-container h2,
.markdown-container h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  color: #333;
}

/* Blockquote styling */
.markdown-container blockquote {
  padding: 10px 20px;
  margin: 10px 0;
  background-color: #f0f0f0;
  border-left: 5px solid #ccc;
  color: #666;
}

/* List styling */
.markdown-container ul,
.markdown-container ol {
  margin: 10px 0;
  padding-left: 20px;
}

/* Link styling */
.markdown-container a {
  color: #007bff;
  text-decoration: none;
}

.markdown-container a:hover {
  text-decoration: underline;
}

/* Code block styling */
.markdown-container pre {
  background-color: #272822;
  color: #f8f8f2;
  padding: 10px;
  border-radius: 4px;
  overflow-x: auto;
}

.markdown-container code {
  /* background-color: #f5f5f5; */
  padding: 2px 4px;
  border-radius: 3px;
}

.markdown-container img {
  width: 100%;
  object-fit: cover;
}

/* Details and Summary styling */
details {
  margin: 10px 0;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

summary {
  cursor: pointer;
  font-weight: bold;
  padding: 5px;
  background-color: #e0e0e0;
}

summary:hover {
  background-color: #d0d0d0;
}

.markdown-container details {
  margin: 10px 0;
  padding: 5px;
  border: 1px solid #ccc;
  /* border-radius: 4px; */
}

.markdown-container summary {
  cursor: pointer;
  font-weight: bold;
  padding: 5px;
  background-color: #e0e0e0;
}

.markdown-container summary:hover {
  background-color: #d0d0d0;
}

.markdown-container details img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.markdown-container code:not(pre code) {
  background-color: #dcdcdc;
  /* color: #d63384;  */
  color: black;
  padding: 2px 6px;
  border-radius: 4px;
  font-family: "Courier New", Courier, monospace;
  font-size: 0.95em;
  font-weight: bold;
}

/* Code blocks inside <details> */
.markdown-container details pre {
  background-color: #272822;
  color: #f8f8f2;
  padding: 10px;
  border-radius: 4px;
  overflow-x: auto;
}

.code-block-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.code-block-container {
  position: relative;
  margin-top: 10px;
}

.copy-button {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #444;
  color: #fff;
  border: none;
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.8em;
  z-index: 10;
}

.copy-button:hover {
  background-color: #555;
}
.VulnerabilityDetails_container__-YTy0 {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  background-color: #fff;
  font-family: Roboto;
}
.VulnerabilityDetails_accordionWrapper__NYtWM {
  border-bottom: 0.5px solid #9b9597;
  width: 100%;
}

.VulnerabilityDetails_accordionHeader__M69cx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  cursor: pointer;
  background-color: transparent;
  transition: none;
  min-height: 48px;
  outline: none;
  -webkit-user-select: none;
          user-select: none;
  width: 100%;
  border: none;
  border-top: none;
  border-left: none;
  border-right: none;
  text-align: left;
}

.VulnerabilityDetails_accordionHeader__M69cx:hover {
  background-color: transparent;
}

.VulnerabilityDetails_accordionHeader__M69cx:focus {
  background-color: transparent;
  outline: none;
}

.VulnerabilityDetails_accordionTitle__xAvDT {
  font-size: 15px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
  flex: 1 1;
}

.VulnerabilityDetails_chevronIcon__T9QyN {
  color: #666;
  flex-shrink: 0;
  transition: none;
}

.VulnerabilityDetails_accordionContent__tY2UJ {
  max-height: 0;
  overflow: hidden;
  background-color: #fff;
}

.VulnerabilityDetails_accordionContentExpanded__wbenv {
  max-height: 3000px;
}

.VulnerabilityDetails_accordionInner__-PjM5 {
  padding: 0 16px;
  color: #777777;
  font-size: 14px;
  line-height: 1.6;
  opacity: 0;
}

.VulnerabilityDetails_accordionInnerExpanded__mHaFC {
  padding: 16px;
  opacity: 1;
}

.VulnerabilityDetails_detailsSection__4bHue {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.VulnerabilityDetails_detailRow__Rz1Eu {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  line-height: 1.5;
}

.VulnerabilityDetails_detailLabel__t8jNF {
  font-weight: 400;
  color: #777777;
  flex-shrink: 0;
}

.VulnerabilityDetails_detailValue__pboCU {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
  word-break: break-word;
}

.VulnerabilityDetails_descriptionSection__8jZAo {
  width: 100%;
  line-height: 1.6;
}

.VulnerabilityDetails_textContent__tmgsZ {
  width: 100%;
  line-height: 1.6;
  color: #777777;
  white-space: pre-wrap;
  word-break: break-word;
}

.VulnerabilityDetails_referencesSection__0dN0z {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.VulnerabilityDetails_referenceItem__sq9O8 {
  line-height: 1.5;
}

.VulnerabilityDetails_referenceLink__Tf5kU {
  color: #1976d2;
  text-decoration: underline;
  word-break: break-all;
  /* transition: color 0.2s ease; */
}

.VulnerabilityDetails_referenceLink__Tf5kU:hover {
  color: #1565c0;
}

.VulnerabilityDetails_referenceLink__Tf5kU:focus {
  outline: 2px solid #1976d2;
  outline-offset: 2px;
  border-radius: 2px;
}

.VulnerabilityDetails_cweLinkButton__0e\+SY {
  color: #1976d2;
  cursor: pointer;
  text-decoration: underline;
  /* transition: color 0.2s ease; */
  outline: none;
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  display: inline;
}

.VulnerabilityDetails_cweLinkButton__0e\+SY:hover {
  color: #1565c0;
}

.VulnerabilityDetails_cweLinkButton__0e\+SY:focus {
  outline: 2px solid #1976d2;
  outline-offset: 2px;
  border-radius: 2px;
}

.VulnerabilityDetails_cweLink__FE7-m {
  color: #1976d2;
  cursor: pointer;
  text-decoration: underline;
  /* transition: color 0.2s ease; */
  outline: none;
}

.VulnerabilityDetails_cweLink__FE7-m:hover {
  color: #1565c0;
}

.VulnerabilityDetails_cweLink__FE7-m:focus {
  outline: 2px solid #1976d2;
  outline-offset: 2px;
  border-radius: 2px;
}

.VulnerabilityDetails_dataRow__S2vbJ {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  line-height: 1.5;
  margin-bottom: 4px;
}

.VulnerabilityDetails_dataLabel__hlZ9V {
  font-weight: 400;
  color: #777777;
  flex-shrink: 0;
}

.VulnerabilityDetails_dataValue__bJ0p5 {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
  word-break: break-word;
}

.VulnerabilityDetails_popupOverlay__NnTBP {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1300;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: VulnerabilityDetails_fadeIn__cfH8G 0.2s ease-in-out;
  padding: 16px;
}

@keyframes VulnerabilityDetails_fadeIn__cfH8G {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.VulnerabilityDetails_popupContent__DfPN6 {
  background-color: #fff;
  padding: 20px;
  border-radius: 4px;
  max-width: 90%;
  width: 600px;
  max-height: 80vh;
  overflow-y: auto;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
  animation: VulnerabilityDetails_slideUp__4rK0v 0.3s ease-out;
}

@keyframes VulnerabilityDetails_slideUp__4rK0v {
  from {
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.VulnerabilityDetails_popupHeader__CPHEm {
  color: #1976d2;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.5;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 8px;
}

.VulnerabilityDetails_popupItem__tRHfe {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.87);
}

.VulnerabilityDetails_popupItem__tRHfe:last-child {
  margin-bottom: 0;
}

.VulnerabilityDetails_popupNoData__410ds {
  color: #888;
  text-align: center;
  padding: 20px;
  font-size: 14px;
}

@media (max-width: 768px) {
  .VulnerabilityDetails_accordionHeader__M69cx {
    padding: 14px;
  }

  .VulnerabilityDetails_accordionInner__-PjM5 {
    padding: 0 14px;
  }

  .VulnerabilityDetails_accordionInnerExpanded__mHaFC {
    padding: 14px;
  }

  .VulnerabilityDetails_accordionTitle__xAvDT {
    font-size: 14px;
  }

  .VulnerabilityDetails_chevronIcon__T9QyN {
    font-size: 18px;
  }

  .VulnerabilityDetails_popupContent__DfPN6 {
    max-width: 95%;
    padding: 16px;
  }

  .VulnerabilityDetails_popupHeader__CPHEm {
    font-size: 15px;
    margin-bottom: 14px;
  }

  .VulnerabilityDetails_popupItem__tRHfe {
    font-size: 13px;
    margin-bottom: 14px;
  }

  .VulnerabilityDetails_detailsSection__4bHue,
  .VulnerabilityDetails_referencesSection__0dN0z {
    gap: 8px;
  }

  .VulnerabilityDetails_detailRow__Rz1Eu,
  .VulnerabilityDetails_dataRow__S2vbJ {
    gap: 6px;
  }
}

@media (max-width: 480px) {
  .VulnerabilityDetails_accordionHeader__M69cx {
    padding: 12px;
    min-height: 44px;
  }

  .VulnerabilityDetails_accordionInner__-PjM5 {
    padding: 0 12px;
    font-size: 13px;
  }

  .VulnerabilityDetails_accordionInnerExpanded__mHaFC {
    padding: 12px;
  }

  .VulnerabilityDetails_accordionTitle__xAvDT {
    font-size: 13px;
  }

  .VulnerabilityDetails_chevronIcon__T9QyN {
    font-size: 16px;
  }

  .VulnerabilityDetails_popupContent__DfPN6 {
    max-width: 95%;
    width: auto;
    padding: 14px;
    max-height: 85vh;
  }

  .VulnerabilityDetails_popupHeader__CPHEm {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .VulnerabilityDetails_popupItem__tRHfe {
    font-size: 12px;
    margin-bottom: 12px;
  }

  .VulnerabilityDetails_popupNoData__410ds {
    font-size: 13px;
    padding: 16px;
  }

  .VulnerabilityDetails_referenceLink__Tf5kU {
    font-size: 12px;
  }

  .VulnerabilityDetails_detailsSection__4bHue,
  .VulnerabilityDetails_referencesSection__0dN0z {
    gap: 8px;
  }

  .VulnerabilityDetails_detailRow__Rz1Eu,
  .VulnerabilityDetails_dataRow__S2vbJ {
    gap: 6px;
    font-size: 13px;
  }

  .VulnerabilityDetails_detailLabel__t8jNF,
  .VulnerabilityDetails_dataLabel__hlZ9V {
    font-size: 13px;
  }

  .VulnerabilityDetails_detailValue__pboCU,
  .VulnerabilityDetails_dataValue__bJ0p5 {
    font-size: 13px;
  }

  .VulnerabilityDetails_textContent__tmgsZ {
    font-size: 13px;
  }
}

@media (max-width: 360px) {
  .VulnerabilityDetails_accordionHeader__M69cx {
    padding: 10px;
  }

  .VulnerabilityDetails_accordionInner__-PjM5 {
    padding: 0 10px;
    font-size: 12px;
  }

  .VulnerabilityDetails_accordionInnerExpanded__mHaFC {
    padding: 10px;
  }

  .VulnerabilityDetails_accordionTitle__xAvDT {
    font-size: 12px;
  }

  .VulnerabilityDetails_chevronIcon__T9QyN {
    font-size: 14px;
  }

  .VulnerabilityDetails_popupContent__DfPN6 {
    padding: 12px;
  }

  .VulnerabilityDetails_popupHeader__CPHEm {
    font-size: 13px;
  }

  .VulnerabilityDetails_popupItem__tRHfe {
    font-size: 11px;
  }

  .VulnerabilityDetails_detailRow__Rz1Eu,
  .VulnerabilityDetails_dataRow__S2vbJ {
    font-size: 12px;
  }
}

@media (min-width: 1200px) {
  .VulnerabilityDetails_container__-YTy0 {
    max-width: 1200px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .VulnerabilityDetails_accordionContent__tY2UJ,
  .VulnerabilityDetails_accordionInner__-PjM5,
  .VulnerabilityDetails_accordionHeader__M69cx,
  .VulnerabilityDetails_popupOverlay__NnTBP,
  .VulnerabilityDetails_popupContent__DfPN6,
  .VulnerabilityDetails_chevronIcon__T9QyN,
  .VulnerabilityDetails_referenceLink__Tf5kU,
  .VulnerabilityDetails_cweLink__FE7-m {
    transition: none;
    animation: none;
  }
}

@media print {
  .VulnerabilityDetails_accordionContent__tY2UJ {
    max-height: none !important;
    overflow: visible !important;
  }

  .VulnerabilityDetails_accordionInner__-PjM5 {
    opacity: 1 !important;
    padding: 16px !important;
  }

  .VulnerabilityDetails_accordionHeader__M69cx {
    background-color: transparent !important;
    border-bottom: 1px solid #000;
  }

  .VulnerabilityDetails_popupOverlay__NnTBP {
    display: none;
  }

  .VulnerabilityDetails_cweLink__FE7-m,
  .VulnerabilityDetails_referenceLink__Tf5kU {
    color: #000 !important;
    text-decoration: underline;
  }

  .VulnerabilityDetails_chevronIcon__T9QyN {
    display: none;
  }
}

/* Overlay */
.Dialog_overlay__qMFgC {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s ease;
  padding: 20px;
}

.Dialog_overlayVisible__YIHnM {
  opacity: 1;
}

/* Dialog */
.Dialog_dialog__JnguL {
  background: white;
  border-radius: 4px;
  box-shadow:
    0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
  max-width: 95vw;
  max-height: 90vh;
  width: 100%;
  transform: scale(0.9);
  transition: transform 0.2s ease;
}

.Dialog_fadeIn__-dAlK {
  transform: scale(1);
}

/* Size variants */
.Dialog_sizeSmall__3ljqA {
  width: 400px;
  min-height: 200px;
}

.Dialog_sizeMedium__FIWId {
  width: 600px;
  min-height: 300px;
}

.Dialog_sizeLarge__DTcFs {
  width: 800px;
  min-height: 400px;
}

.Dialog_sizeXLarge__HAMg7 {
  width: 1000px;
  min-height: 500px;
}

/* Header */
.Dialog_header__Tz851 {
  padding: 16px 24px;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px 4px 0 0;
  flex-shrink: 0;
}

.Dialog_headerLight__imrWj {
  background-color: #f9fafb;
}

.Dialog_headerPrimary__Hk0us {
  background-color: #eff6ff;
}

.Dialog_headerSecondary__fVX8B {
  background-color: #fdf4ff;
}
.Dialog_headerCustomRed__MB-B0 {
  background-color: #fee2e2; /* Custom red header background */
}

.Dialog_title__glReW {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #111827;
}

.Dialog_closeButton__me6G8 {
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  color: #666;
  border-radius: 6px;
  transition: background-color 0.2s ease;
}

.Dialog_closeButton__me6G8:hover {
  background-color: #f3f4f6;
  color: #374151;
  transform: scale(1.1);
}

/* Content */
.Dialog_content__Wl5Tk {
  flex: 1 1;
  padding: 24px;
  overflow-y: auto;
  min-height: 0;
  padding-top: 12px; /* Adjusted padding-top for better spacing */
}

/* Full height content for view mode (no footer) */
.Dialog_contentFullHeight__jDEbt {
  padding-bottom: 32px;
}

/* Footer */
.Dialog_footer__mqg2z {
  padding: 16px 24px;
  border-top: 1px solid #e5e7eb;
  background-color: #f9fafb;
  border-radius: 0 0 4px 4px;
  flex-shrink: 0;
}

.Dialog_buttonGroup__hUbDz {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}

/* When single button, make it reasonable width */
/* .buttonGroup:has(button:only-child) button {
  /* min-width: 120px; */
/* } */

/* When 2 buttons, keep them side by side */
/* .buttonGroup:has(button:nth-child(2):last-child) button {
  /* min-width: 100px; */
/* } */

/* When 3+ buttons, keep them side by side */
.Dialog_buttonGroup__hUbDz:has(button:nth-child(3)) {
  flex-wrap: nowrap;
}

/* Buttons */
.Dialog_button__bFmXa {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  background: white;
  color: #374151;
  height: 40px;
  min-width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 16px;
}

.Dialog_button__bFmXa:hover {
  background-color: #f9fafb;
  border-color: #9ca3af;
}

.Dialog_buttonPrimary__2hgJs {
  background: #2563eb;
  color: white;
  border-color: #2563eb;
}

.Dialog_buttonPrimary__2hgJs:hover {
  background: #1d4ed8;
  border-color: #1d4ed8;
}

.Dialog_buttonCancel__\+bnQ6 {
  background: #fef2f2;
  color: #dc2626;
  border-color: #fef2f2;
}

.Dialog_buttonCancel__\+bnQ6:hover {
  background: #fee2e2;
  color: #b91c1c;
  border-color: #fee2e2;
}

.Dialog_buttonSecondary__2\+vPG {
  background-color: white;
  color: #2563eb;
  border-color: #2563eb;
}

.Dialog_buttonSecondary__2\+vPG:hover {
  background-color: #eff6ff;
  border-color: #1d4ed8;
}

.Dialog_buttonDisabled__cWonh {
  background-color: #f3f4f6 !important;
  color: #9ca3af !important;
  border-color: #e5e7eb !important;
  cursor: not-allowed !important;
}

/* Loading spinner */
.Dialog_loadingContainer__sHe0t {
  display: flex;
  align-items: center;
  gap: 8px;
}

.Dialog_spinner__FSdHv {
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  border-top: 2px solid currentColor;
  border-radius: 50%;
  animation: Dialog_spin__kMPes 1s linear infinite;
}

@keyframes Dialog_spin__kMPes {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Info Icon */
.Dialog_infoIconContainer__1QtdL {
  position: relative;
  display: inline-block;
}

.Dialog_infoIcon__oYHR\+ {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #f3f4f6;
  color: #374151;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.Dialog_infoIcon__oYHR\+:hover {
  background-color: #e5e7eb;
}

.Dialog_tooltip__CDLSq {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 8px;
  padding: 8px 12px;
  background-color: #374151;
  color: white;
  border-radius: 6px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 10000;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.Dialog_tooltip__CDLSq::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 4px solid transparent;
  border-top-color: #374151;
}

/* Scrollbar styling */
.Dialog_content__Wl5Tk::-webkit-scrollbar {
  width: 6px;
}

.Dialog_content__Wl5Tk::-webkit-scrollbar-track {
  background: #f1f5f9;
}

.Dialog_content__Wl5Tk::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}

.Dialog_content__Wl5Tk::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .Dialog_sizeXLarge__HAMg7 {
    width: 90vw;
  }

  .Dialog_sizeLarge__DTcFs {
    width: 85vw;
  }
}

@media (max-width: 768px) {
  .Dialog_overlay__qMFgC {
    padding: 16px;
  }

  .Dialog_sizeSmall__3ljqA,
  .Dialog_sizeMedium__FIWId,
  .Dialog_sizeLarge__DTcFs,
  .Dialog_sizeXLarge__HAMg7 {
    width: 100%;
    max-width: 100%;
    min-height: 300px;
  }

  .Dialog_dialog__JnguL {
    border-radius: 12px;
    max-height: 90vh;
  }

  .Dialog_header__Tz851 {
    padding: 16px 20px;
  }

  .Dialog_content__Wl5Tk {
    padding: 20px;
  }

  .Dialog_footer__mqg2z {
    padding: 16px 20px;
  }

  .Dialog_buttonGroup__hUbDz {
    flex-direction: column-reverse;
    gap: 8px;
  }

  .Dialog_button__bFmXa {
    width: 100%;
    min-width: 0;
    min-width: initial;
    height: 44px;
  }

  .Dialog_title__glReW {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .Dialog_overlay__qMFgC {
    padding: 12px;
  }

  .Dialog_dialog__JnguL {
    border-radius: 8px;
    max-height: 95vh;
  }

  .Dialog_header__Tz851 {
    padding: 12px 16px;
  }

  .Dialog_content__Wl5Tk {
    padding: 16px;
  }

  .Dialog_footer__mqg2z {
    padding: 12px 16px;
  }

  .Dialog_title__glReW {
    font-size: 15px;
  }
}

/* Animation improvements */
@media (prefers-reduced-motion: reduce) {
  .Dialog_overlay__qMFgC,
  .Dialog_dialog__JnguL,
  .Dialog_button__bFmXa,
  .Dialog_closeButton__me6G8 {
    transition: none;
  }

  .Dialog_spinner__FSdHv {
    animation: none;
  }
}

.sidebar-modal {
  position: fixed;
  top: 0;
  right: -100%;
  width: 750px;
  height: 100vh;
  background-color: #fff;
  z-index: 1300;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  transition: right 0.3s ease-in-out;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  color: black;
}

.sidebar-modal-open {
  right: 0;
}

.drawer__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
  padding-top: 8px;
}

.drawer__header-left {
  display: flex;
  align-items: center;
}

.drawer__header-title {
  margin-left: 8px;
  font-size: 1.2rem;
  font-weight: 600;
  padding-left: 1rem;
  width: -webkit-max-content;
  width: max-content;
  white-space: nowrap;
}

.logo-icon {
  font-size: 1.5rem;
  color: #f1c40f;
}

.drawer__close-button {
  font-size: 1.5rem;
}

.chat__messages {
  /* max-height: calc(100vh - 200px); */
  overflow-y: auto;
  /* margin-bottom: 16px; */
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px;
  padding-bottom: 0px;
}

.user-message {
  align-self: flex-end;
  background-color: #e1f5fe;
  padding: 8px 12px;
  border-radius: 12px;
  max-width: 70%;
  word-wrap: break-word;
  text-align: left;
}

.ai-message {
  align-self: flex-start;
  /* background-color: #f5f5f5; */
  /* padding: 8px 12px;
  border-radius: 12px; */
  /* max-width: 100%; */
  max-width: 95%;
  word-wrap: break-word;
  text-align: left;
}

.typing-indicator {
  align-self: flex-start;
  margin-top: 10px;
  font-size: 0.875rem;
  color: #aaa;
  max-width: 70%;
  padding: 8px 12px;
  background-color: #f5f5f5;
  border-radius: 12px;
}

.dots-animation::after {
  content: '...';
  animation: typing 1.5s steps(5, end) infinite;
}

.chat__input {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 1rem;
  background-color: #fff;
  position: absolute;
  bottom: 5px;
  /* left: 6px; */
}

.chat__input-field {
  flex-grow: 1;
  padding: 8px;
  border-radius: 4px;
  border: 2px solid #ccc;
  font-size: 1rem;
}

.chat__input-field:focus {
  border-color: #00a7ec;
  outline: none;
}

.send-icon {
  color: #00a7ec;
  font-size: 2rem;
  margin-left: 10px;
}

.history__container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.history__content {
  flex-grow: 1;
  max-height: 100vh;
  overflow-y: auto;
  padding: 10px;
}

.history__entry {
  margin-bottom: 12px;
  background-color: #f3f4f6;
  padding: 10px;
  border-radius: 8px;
}

.custom-tabs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  background-color: #f9f9f9;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #e0e0e0;
}

.custom-tabs .MuiTabs-root {
  flex-grow: 1;
}

.custom-tabs .MuiTab-root {
  flex: 1 1;
  text-align: center;
  max-width: none;
  min-width: auto;
}

.custom-tabs .MuiTabs-indicator {
  height: 3px;
  background-color: #0077b3;
}

.tabs__custom {
  background-color: #f1f1f1;
}

.tabs__custom .MuiTab-root {
  color: #00a7ec;
}

.tabs__custom .MuiTab-root.Mui-selected {
  color: #00a7ec;
}

.tabs__custom .MuiTab-icon {
  color: #00a7ec;
}

.popup__button {
  background-color: #00a7ec !important;
  color: #fff;
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: bold;
  text-transform: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.popup__button:hover {
  background-color: #008cc6;
}

.rotate-left {
  transform: rotate(-90deg);
}

.rotate-left2 {
  transform: rotate(-90deg);
  margin-right: 8px;
  font-size: 1.5rem;
}

@keyframes typing {
  0% {
    content: '.';
  }
  50% {
    content: '..';
  }
  100% {
    content: '...';
  }
}

.no-graph {
  text-align: center;
  font-size: 14px;
  color: #aaa;
  padding: 20px;
}


.history-user-message {
  align-self: flex-end;
  background-color: #e1f5fe;
  padding: 8px 12px;
  border-radius: 12px;
  max-width: 70%;
  word-wrap: break-word;
  text-align: left;
  display: inline-block;
  margin-bottom: 1rem;
}

.history-ai-message {
  align-self: flex-end;
  /* background-color: #f5f5f5; */
  padding: 8px 12px;
  border-radius: 12px;
  max-width: 80%;
  word-wrap: break-word;
  text-align: left;
  display: inline-block;
}

@keyframes BouncingDot_bounce__ZUCeV {
  0%, 80%, 100% {
    transform: scale(0);
    opacity: 0.6;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}

.BouncingDot_dot__meIZI {
  border-radius: 50%;
  animation: BouncingDot_bounce__ZUCeV 1.4s infinite ease-in-out;
}

.styles_chatInputContainer__uP52k {
  width: 100%;
  /* max-width: 800px; */
  /* margin: 0 auto; */
  /* padding: 20px; */
  /* background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); */
  /* border-radius: 24px; */
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  /* border: 1px solid rgba(255, 255, 255, 0.2); */
}

.styles_inputWrapper__L2o3k {
  /* position: relative; */
  background: white;
  border-radius: 16px;
  border: 2px solid #e2e8f0;
  transition: all 0.3s ease;
  /* overflow: hidden; */
  overflow: visible;
  /* clip-path: inset(0 0 0 0 round 16px); */
}

.styles_inputWrapper__L2o3k:focus-within {
  border-color: #3b82f6;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
}

.styles_inputHeader__yQFAH {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}

.styles_leftButtons__xM5WG {
  display: flex;
  gap: 8px;
}

.styles_iconButton__4g\+6S {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: none;
  background: white;
  color: #64748b;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.styles_iconButton__4g\+6S:hover {
  background: #f1f5f9;
  color: #3b82f6;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.styles_iconButtonActive__GeTJ5 {
  background: #e0e7ff;
  color: #1d4ed8 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.styles_rightFooterButtons__\+ANCn {
  display: flex;
  justify-content: flex-end;
  /* padding: 12px 16px; */
  background: #f8fafc;
  /* border-top: 1px solid #e2e8f0; */
  flex-direction: row;
  gap: 8px;
  align-items: center;
  overflow: visible;
}

.styles_modelSelector__zoOnw {
  position: relative;

  overflow: visible;
  /* Add higher z-index to the container */
  z-index: 50;
}

.styles_modelButton__L9CeU {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  color: #374151;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  /* Ensure button is positioned relative to create stacking context */
  position: relative;
  z-index: 51;
}

.styles_modelButton__L9CeU:hover {
  background: #f8fafc;
  border-color: #3b82f6;
}

.styles_modelDropdown__3nsNe {
  position: absolute;
  /* top: 100%; */
  bottom: 100%;
  right: 0;
  /* margin-top: 4px; */
  margin-bottom: 4px;
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  min-width: 220px;
  overflow: hidden;

  display: block;
  opacity: 1;
  transform: translateY(0);
  /* Prevent the dropdown from being clipped */
  max-height: 300px;
  overflow-y: auto;
}

.styles_modelOption__5Olfz {
  padding: 12px 16px;
  color: #374151;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.2s ease;
  border: none;
  background: none;
  width: 100%;
  text-align: left;

  /* Ensure options are properly positioned */
  position: relative;
  z-index: 10000;
}

.styles_modelOption__5Olfz:hover {
  background: #f8fafc;
}

.styles_modelOption__5Olfz.styles_selected__E\+Bcc {
  background: #eff6ff;
  color: #3b82f6;
  font-weight: 500;
}

.styles_modelInfo__\+6Ddp {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.styles_modelLabel__hjlhp {
  font-weight: 500;
  line-height: 1.2;
}

.styles_modelDescription__\+kENB {
  font-size: 12px;
  color: #6b7280;
  line-height: 1.3;
  font-weight: 400;
}

.styles_modelOption__5Olfz.styles_selected__E\+Bcc .styles_modelDescription__\+kENB {
  color: #60a5fa; /* Lighter blue for selected state */
}

.styles_textareaContainer__jtVHU {
  position: relative;
  padding: 16px;

  overflow: visible;
}

.styles_chatTextarea__Y5vhF {
  width: 100%;
  min-height: 24px;
  max-height: 200px;
  padding: 0;
  border: none;
  outline: none;
  resize: none;
  font-size: 16px;
  line-height: 1.5;
  color: #1f2937;
  background: transparent;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
}

.styles_chatTextarea__Y5vhF::placeholder {
  color: #9ca3af;
}

.styles_inputFooter__\+-Wt\+ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;

  overflow: visible;
  position: relative;
}

.styles_leftFooterButtons__gSS41 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  gap: 8px;
}

.styles_sendButton__E1Cdo {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}

.styles_sendButton__E1Cdo:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(59, 130, 246, 0.4);
}

.styles_sendButton__E1Cdo:disabled {
  background: #e5e7eb;
  color: #9ca3af;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.styles_stopButton__jL4AB {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
}

.styles_stopButton__jL4AB:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(239, 68, 68, 0.4);
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
}

.styles_stopButton__jL4AB:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
}

.styles_stopButton__jL4AB:disabled {
  background: #e5e7eb;
  color: #9ca3af;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* Alternative orange variant for stop button */
.styles_stopButtonOrange__R-dGS {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(249, 115, 22, 0.3);
}

.styles_stopButtonOrange__R-dGS:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(249, 115, 22, 0.4);
  background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
}

.styles_characterCount__Sh6FZ {
  position: absolute;
  bottom: 4px;
  right: 4px;
  font-size: 12px;
  color: #9ca3af;
  background: rgba(255, 255, 255, 0.9);
  padding: 2px 6px;
  border-radius: 4px;
}

.styles_chatContainer__5TCLJ,
.styles_messageContainer__0a5d8,
.styles_inputContainer__9nSHo {
  overflow: visible !important;
}

@media (max-width: 768px) {
  .styles_chatInputContainer__uP52k {
    padding: 16px;
    border-radius: 16px;
  }

  .styles_inputHeader__yQFAH {
    padding: 10px 12px;
  }

  .styles_leftButtons__xM5WG {
    gap: 6px;
  }

  .styles_iconButton__4g\+6S {
    width: 32px;
    height: 32px;
    cursor: pointer;
  }

  .styles_modelButton__L9CeU {
    padding: 6px 10px;
    font-size: 13px;
  }

  .styles_textareaContainer__jtVHU {
    padding: 12px;
  }

  .styles_chatTextarea__Y5vhF {
    font-size: 16px;
  }
}
/* SourcesComponent.module.css */

.SourcesComponent_sourcesButton__6Q\+M\+ {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  font-size: 14px;
  font-family: inherit;
  outline: none;
  min-height: 44px;
  -webkit-user-select: none;
          user-select: none;
  position: relative;
}

.SourcesComponent_sourcesButton__6Q\+M\+:hover:not(:disabled):not(.SourcesComponent_loading__tvmDJ):not(.SourcesComponent_disabled__6abub) {
  background-color: #f9fafb;
  border-color: #d1d5db;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  transform: scale(1.02);
}

.SourcesComponent_sourcesButton__6Q\+M\+:active:not(:disabled):not(.SourcesComponent_loading__tvmDJ):not(.SourcesComponent_disabled__6abub) {
  transform: scale(0.98);
}

.SourcesComponent_sourcesButton__6Q\+M\+:focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

/* Loading state */
.SourcesComponent_sourcesButton__6Q\+M\+.SourcesComponent_loading__tvmDJ {
  cursor: default;
  background-color: #f8fafc;
  border-color: #e2e8f0;
}

/* Disabled state */
.SourcesComponent_sourcesButton__6Q\+M\+:disabled,
.SourcesComponent_sourcesButton__6Q\+M\+.SourcesComponent_disabled__6abub {
  opacity: 0.7;
  cursor: not-allowed;
}

/* Images container */
.SourcesComponent_imagesContainer__4PB1o {
  display: flex;
  margin-left: -8px;
}

.SourcesComponent_imageWrapper__uR3n2 {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  background-color: #f3f4f6;
  margin-left: -8px;
  transition: transform 0.2s ease-in-out;
}

.SourcesComponent_imageWrapper__uR3n2:hover {
  transform: scale(1.1);
  z-index: 10 !important;
}

.SourcesComponent_sourceImage__CtFaX {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.2s ease-in-out;
}

.SourcesComponent_sourceImage__CtFaX:hover {
  opacity: 0.9;
}

/* Web icon container */
.SourcesComponent_webIconContainer__MBOjM {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #dbeafe;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease-in-out;
  flex-shrink: 0;
}

.SourcesComponent_sourcesButton__6Q\+M\+:hover:not(.SourcesComponent_loading__tvmDJ):not(.SourcesComponent_disabled__6abub) .SourcesComponent_webIconContainer__MBOjM {
  background-color: #bfdbfe;
}

/* Loading container */
.SourcesComponent_loadingContainer__mFE6f {
  background-color: #f0f9ff !important;
  animation: SourcesComponent_pulseBackground__Mg\+jG 2s ease-in-out infinite;
}

.SourcesComponent_webIcon__MLXr4 {
  width: 14px;
  height: 14px;
  color: #2563eb;
  transition: transform 0.2s ease-in-out;
}

.SourcesComponent_sourcesButton__6Q\+M\+:hover:not(.SourcesComponent_loading__tvmDJ):not(.SourcesComponent_disabled__6abub) .SourcesComponent_webIcon__MLXr4 {
  transform: scale(1.1);
}

/* Text content */
.SourcesComponent_textContent__kNSNw {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex: 1 1;
}

.SourcesComponent_sourceCount__J2ktz {
  font-weight: 600;
  color: #1f2937;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.SourcesComponent_sourceLabel__dxwr0 {
  font-weight: 500;
  color: #6b7280;
  white-space: nowrap;
}

.SourcesComponent_externalIcon__ZFPHK {
  width: 14px;
  height: 14px;
  color: #9ca3af;
  transition: all 0.2s ease-in-out;
  flex-shrink: 0;
}

.SourcesComponent_sourcesButton__6Q\+M\+:hover:not(.SourcesComponent_loading__tvmDJ):not(.SourcesComponent_disabled__6abub) .SourcesComponent_externalIcon__ZFPHK {
  color: #6b7280;
  transform: translateX(2px);
}

/* Loading text styles */
.SourcesComponent_loadingText__jKMWo {
  font-weight: 500;
  color: #4b5563;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  flex-shrink: 1;
}

.SourcesComponent_animatedText__pSQX8 {
  animation: SourcesComponent_fadeInOut__s3aLN 2s ease-in-out infinite;
}

/* Loading dots */
.SourcesComponent_loadingDots__fNQ1K {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-left: 4px;
  flex-shrink: 0;
}

.SourcesComponent_dot__Kmdkl {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #6b7280;
  animation: SourcesComponent_bounce__uaZYI 1.4s ease-in-out infinite both;
}

.SourcesComponent_dot__Kmdkl:nth-child(1) {
  animation-delay: -0.32s;
}

.SourcesComponent_dot__Kmdkl:nth-child(2) {
  animation-delay: -0.16s;
}

.SourcesComponent_dot__Kmdkl:nth-child(3) {
  animation-delay: 0;
}

/* Loading animations */
@keyframes SourcesComponent_pulseBackground__Mg\+jG {
  0%, 100% {
    background-color: #f0f9ff;
  }
  50% {
    background-color: #e0f2fe;
  }
}

@keyframes SourcesComponent_fadeInOut__s3aLN {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}

@keyframes SourcesComponent_bounce__uaZYI {
  0%, 80%, 100% {
    transform: scale(0);
    opacity: 0.5;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes SourcesComponent_spin__L6kXU {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Loading icon animations */
.SourcesComponent_loadingIcon__VByM\+ {
  animation: SourcesComponent_pulseIcon__oR1Yp 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.SourcesComponent_spinningIcon__w9UDO {
  animation: SourcesComponent_spin__L6kXU 1s linear infinite !important;
}

@keyframes SourcesComponent_pulseIcon__oR1Yp {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(0.95);
  }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .SourcesComponent_sourcesButton__6Q\+M\+ {
    background-color: #1f2937;
    border-color: #374151;
    color: #f9fafb;
  }

  .SourcesComponent_sourcesButton__6Q\+M\+:hover:not(:disabled):not(.SourcesComponent_loading__tvmDJ):not(.SourcesComponent_disabled__6abub) {
    background-color: #374151;
    border-color: #4b5563;
  }

  .SourcesComponent_sourcesButton__6Q\+M\+.SourcesComponent_loading__tvmDJ {
    background-color: #111827;
    border-color: #374151;
  }

  .SourcesComponent_webIconContainer__MBOjM {
    background-color: #1e40af;
  }

  .SourcesComponent_sourcesButton__6Q\+M\+:hover:not(.SourcesComponent_loading__tvmDJ):not(.SourcesComponent_disabled__6abub) .SourcesComponent_webIconContainer__MBOjM {
    background-color: #1d4ed8;
  }

  .SourcesComponent_loadingContainer__mFE6f {
    background-color: #1e3a8a !important;
  }

  .SourcesComponent_webIcon__MLXr4 {
    color: #93c5fd;
  }

  .SourcesComponent_sourceCount__J2ktz {
    color: #f9fafb;
  }

  .SourcesComponent_sourceLabel__dxwr0 {
    color: #d1d5db;
  }

  .SourcesComponent_loadingText__jKMWo {
    color: #d1d5db;
  }

  .SourcesComponent_externalIcon__ZFPHK {
    color: #9ca3af;
  }

  .SourcesComponent_sourcesButton__6Q\+M\+:hover:not(.SourcesComponent_loading__tvmDJ):not(.SourcesComponent_disabled__6abub) .SourcesComponent_externalIcon__ZFPHK {
    color: #d1d5db;
  }

  .SourcesComponent_dot__Kmdkl {
    background-color: #9ca3af;
  }
}

/* Responsive design */
@media (max-width: 640px) {
  .SourcesComponent_sourcesButton__6Q\+M\+ {
    padding: 8px 12px;
    gap: 8px;
    font-size: 13px;
    min-height: 40px;
  }
  
  .SourcesComponent_loadingText__jKMWo {
    max-width: 120px;
    font-size: 13px;
  }
  
  .SourcesComponent_imageWrapper__uR3n2,
  .SourcesComponent_webIconContainer__MBOjM {
    width: 20px;
    height: 20px;
  }
  
  .SourcesComponent_webIcon__MLXr4 {
    width: 12px;
    height: 12px;
  }

  .SourcesComponent_externalIcon__ZFPHK {
    width: 12px;
    height: 12px;
  }

  .SourcesComponent_dot__Kmdkl {
    width: 3px;
    height: 3px;
  }
}

@media (max-width: 480px) {
  .SourcesComponent_sourcesButton__6Q\+M\+ {
    padding: 6px 10px;
    gap: 6px;
    font-size: 12px;
    min-height: 36px;
  }
  
  .SourcesComponent_loadingText__jKMWo {
    max-width: 100px;
  }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  .SourcesComponent_sourcesButton__6Q\+M\+ {
    border-width: 2px;
    border-color: #000000;
  }

  .SourcesComponent_sourcesButton__6Q\+M\+:hover:not(:disabled):not(.SourcesComponent_loading__tvmDJ):not(.SourcesComponent_disabled__6abub) {
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px #3b82f6;
  }

  .SourcesComponent_webIconContainer__MBOjM {
    border: 1px solid #2563eb;
  }

  .SourcesComponent_imageWrapper__uR3n2 {
    border-width: 3px;
  }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .SourcesComponent_sourcesButton__6Q\+M\+,
  .SourcesComponent_webIconContainer__MBOjM,
  .SourcesComponent_webIcon__MLXr4,
  .SourcesComponent_externalIcon__ZFPHK,
  .SourcesComponent_sourceImage__CtFaX,
  .SourcesComponent_imageWrapper__uR3n2 {
    transition: none;
  }

  .SourcesComponent_loadingIcon__VByM\+,
  .SourcesComponent_spinningIcon__w9UDO,
  .SourcesComponent_animatedText__pSQX8,
  .SourcesComponent_dot__Kmdkl {
    animation: none;
  }

  .SourcesComponent_loadingContainer__mFE6f {
    animation: none;
    background-color: #f0f9ff !important;
  }

  .SourcesComponent_sourcesButton__6Q\+M\+:hover:not(:disabled):not(.SourcesComponent_loading__tvmDJ):not(.SourcesComponent_disabled__6abub) {
    transform: none;
  }

  .SourcesComponent_sourcesButton__6Q\+M\+:active:not(:disabled):not(.SourcesComponent_loading__tvmDJ):not(.SourcesComponent_disabled__6abub) {
    transform: none;
  }
}
.SelectableCard_card__p\+Gkq {
  border: 1px solid #d1d5db;
  border-radius: 10px;
  padding: 16px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  transition: box-shadow 0.3s ease, transform 0.2s ease;
  margin-bottom: 12px;
  -webkit-user-select: none;
          user-select: none;
    position: relative;
  overflow: hidden;
  word-wrap: break-word;
}

.SelectableCard_card__p\+Gkq:hover {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
    border-color: #60a5fa; /* hover border */
}

.SelectableCard_selected__2p0xf {
  background-color: #e0f2fe;
  border-color: #38bdf8;
}

.SelectableCard_card__p\+Gkq.SelectableCard_selected__2p0xf::after {
  color: #38bdf8;
  font-size: 20px;
  position: absolute;
  top: 12px;
  right: 16px;
}

.SelectableCard_header__ceazY {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.SelectableCard_title__DZnLf {
  font-size: 18px;
  color: #1f2937;
  margin: 0;
  margin-left : 10px;
}

.SelectableCard_description__eNxLX {
  font-size: 15px;
  color: #4b5563;
  line-height: 1.5;
}


.SelectableCard_card__p\+Gkq {
  border: 1px solid #d1d5db;
  border-radius: 10px;
  padding: 16px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  transition: box-shadow 0.3s ease, transform 0.2s ease;
  margin-bottom: 12px;
  -webkit-user-select: none;
          user-select: none;
}

.SelectableCard_card__p\+Gkq:hover {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
  border-color: #60a5fa;
}

.SelectableCard_loading__RZJ7D {
  background-color: #f9fafb;
  border-color: #e5e7eb;
  cursor: default;
}

.SelectableCard_loading__RZJ7D:hover {
  transform: none;
  box-shadow: none;
  border-color: #e5e7eb;
}

.SelectableCard_selected__2p0xf {
  background-color: #e0f2fe;
  border-color: #38bdf8;
}

.SelectableCard_header__ceazY {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
    width: 100%;
}

.SelectableCard_title__DZnLf {
  font-size: 16px;
  color: #1f2937;
  margin: 0;
  line-height: 1.3;
    word-break: break-word;
  overflow-wrap: break-word;
}

.SelectableCard_description__eNxLX {
  font-size: 14px;
  color: #4b5563;
  line-height: 1.5;
  margin: 0;
    word-break: break-word;
  overflow-wrap: break-word;
  margin-top: 8px;
}
.search_searchWrapper__f8BZD {
  display: flex;

  flex-direction: column;

  gap: 8px;

  width: 100%;

  font-family:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
    sans-serif;
}

.search_searchInputWrapper__Hvwch {
  display: flex;

  align-items: center;

  background: white;

  border: 1px solid #d1d5db;

  border-radius: 6px;

  padding: 6px 12px;

  min-height: 38px;

  gap: 8px;

  position: relative;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.search_searchInputWrapper__Hvwch:focus-within {
  border-color: #3b82f6;

  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.search_searchIcon__eYkkr {
  color: #9ca3af;

  width: 16px;

  height: 16px;

  flex-shrink: 0;
}

.search_searchInput__60Mj\+ {
  flex: 1 1;

  font-size: 14px;

  border: none;

  outline: none;

  color: #111827;

  background: transparent;

  min-width: 0;
}

.search_searchInput__60Mj\+::placeholder {
  color: #9ca3af;
}

.search_clearAllBtn__x-KFc {
  background: transparent;

  border: none;

  cursor: pointer;

  padding: 4px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 4px;

  transition: background 0.2s ease;

  flex-shrink: 0;
}

.search_clearAllBtn__x-KFc:hover {
  background: #f3f4f6;
}

.search_clearAllIcon__0d\+J- {
  width: 14px;

  height: 14px;

  color: #6b7280;
}

.search_filtersContainer__yX5-q {
  display: flex;

  align-items: center;

  gap: 8px;

  flex-wrap: wrap;

  padding: 8px 12px;

  background: #f9fafb;

  border: 1px solid #e5e7eb;

  border-radius: 6px;

  min-height: 38px;
}

.search_filterTag__NSRG5 {
  display: inline-flex;

  align-items: center;

  gap: 6px;

  padding: 4px 8px 4px 12px;

  font-size: 13px;

  font-weight: 500;

  border-radius: 6px;

  background: #3b82f6;

  color: white;

  max-width: 250px;

  transition: background 0.2s ease;
}

.search_filterTag__NSRG5:hover {
  background: #2563eb;
}

.search_filterText__inHrC {
  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  flex: 1 1;

  min-width: 0;
}

.search_closeBtn__VxpSL {
  background: transparent;

  border: none;

  padding: 2px;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 3px;

  transition: background 0.2s ease;

  flex-shrink: 0;
}

.search_closeBtn__VxpSL:hover {
  background: rgba(255, 255, 255, 0.2);
}

.search_closeIcon__clHJ- {
  width: 12px;

  height: 12px;

  color: white;
}

.search_globalOperatorControl__jVmra {
  display: flex;

  align-items: center;

  flex-shrink: 0;
}

.search_globalOperatorButton__rdyvJ {
  display: inline-flex;

  align-items: center;

  gap: 4px;

  font-size: 12px;

  font-weight: 600;

  padding: 4px 10px;

  border: 1px solid #d1d5db;

  border-radius: 6px;

  background: white;

  cursor: pointer;

  transition: all 0.2s ease;

  white-space: nowrap;

  text-transform: uppercase;

  color: #4b5563;
}

.search_globalOperatorButton__rdyvJ:hover {
  background: #f3f4f6;

  border-color: #9ca3af;
}

.search_globalOperatorButton__rdyvJ:active {
  background: #e5e7eb;
}

.search_chevron__R3Nim {
  width: 12px;

  height: 12px;

  transition: transform 0.2s ease;
}

.search_clearBtn__Unmvs {
  font-size: 13px;

  font-weight: 600;

  color: #2563eb;

  background: none;

  border: none;

  cursor: pointer;

  white-space: nowrap;

  padding: 4px 8px;

  border-radius: 4px;

  transition: all 0.2s ease;

  flex-shrink: 0;
}

.search_clearBtn__Unmvs:hover {
  color: #1d4ed8;

  background: #dbeafe;
}

.search_matchCount__ZDPws {
  font-size: 12px;

  font-weight: 500;

  color: #6b7280;

  margin-left: auto;

  white-space: nowrap;

  padding: 0 4px;

  flex-shrink: 0;
}

.search_compact__zrAMR .search_searchInputWrapper__Hvwch {
  min-height: 34px;

  padding: 4px 10px;
}

.search_compact__zrAMR .search_searchInput__60Mj\+ {
  font-size: 13px;
}

.search_compact__zrAMR .search_searchIcon__eYkkr {
  width: 14px;

  height: 14px;
}

.search_compact__zrAMR .search_filtersContainer__yX5-q {
  padding: 6px 10px;

  gap: 6px;
}

.search_compact__zrAMR .search_filterTag__NSRG5 {
  padding: 3px 6px 3px 10px;

  font-size: 12px;
}

.search_compact__zrAMR .search_globalOperatorButton__rdyvJ {
  padding: 3px 8px;

  font-size: 11px;
}

.search_compact__zrAMR .search_clearBtn__Unmvs {
  font-size: 12px;

  padding: 3px 6px;
}

@media (max-width: 768px) {
  .search_searchInputWrapper__Hvwch {
    padding: 8px 12px;
  }

  .search_searchInput__60Mj\+ {
    font-size: 16px;
  }

  .search_filtersContainer__yX5-q {
    gap: 6px;

    padding: 8px;
  }

  .search_filterTag__NSRG5 {
    font-size: 13px;

    max-width: 180px;
  }

  .search_globalOperatorButton__rdyvJ,
  .search_clearBtn__Unmvs {
    font-size: 13px;
  }

  .search_matchCount__ZDPws {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .search_searchInputWrapper__Hvwch {
    padding: 8px 10px;

    min-height: 42px;
  }

  .search_searchInput__60Mj\+ {
    font-size: 16px;
  }

  .search_filtersContainer__yX5-q {
    gap: 6px;

    padding: 8px;
  }

  .search_filterTag__NSRG5 {
    font-size: 12px;

    padding: 4px 8px 4px 10px;

    max-width: 140px;
  }

  .search_globalOperatorButton__rdyvJ {
    font-size: 12px;

    padding: 4px 8px;
  }

  .search_clearBtn__Unmvs {
    font-size: 12px;

    padding: 4px 6px;
  }

  .search_matchCount__ZDPws {
    font-size: 11px;

    width: 100%;

    text-align: right;

    margin-left: 0;

    margin-top: 4px;
  }

  .search_searchIcon__eYkkr {
    width: 14px;

    height: 14px;
  }

  .search_closeIcon__clHJ-,
  .search_chevron__R3Nim {
    width: 10px;

    height: 10px;
  }

  .search_clearAllIcon__0d\+J- {
    width: 12px;

    height: 12px;
  }
}

@media (max-width: 360px) {
  .search_filterTag__NSRG5 {
    max-width: 100px;

    font-size: 11px;
  }

  .search_globalOperatorButton__rdyvJ,
  .search_clearBtn__Unmvs {
    font-size: 11px;
  }
}

@media print {
  .search_searchWrapper__f8BZD {
    display: none;
  }
}

/* Layout Container */
.table-spec-layout-container {
  width: 100%;
  padding: 24px;
  background: #f5f7fa;
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Grid System */
.table-spec-table-row-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 24px;
  gap: 24px;
  margin-bottom: 32px;
  width: 100%;
}

.table-spec-table-grid-item {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.table-spec-grid-cols-3 {
  grid-column: span 3;
}

.table-spec-grid-cols-4 {
  grid-column: span 4;
}

.table-spec-grid-cols-6 {
  grid-column: span 6;
}

.table-spec-grid-cols-12 {
  grid-column: span 12;
}

/* Table Container */
.table-spec-table-container {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  border: 1px solid #e5e7eb;
  overflow: hidden;
  /* height: 100%; */
  display: flex;
  flex-direction: column;
  position: relative;
}

.table-spec-table-container.table-spec-accent {
  /* border: 1px solid #00a3e7; */
}

/* Table Header */
.table-spec-table-header {
  padding: 20px 24px;
  background: #ffffff;
  color: #374151;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

.table-spec-header-left {
  flex: 1 1;
  min-width: 0;
}

.table-spec-table-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  color: #111827;
}

.table-spec-table-subtitle {
  margin: 4px 0 0 0;
  font-size: 14px;
  color: #6b7280;
  font-weight: 400;
}

.table-spec-header-controls {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.table-spec-header-search input {
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  width: 200px;
  outline: none;
  transition: all 0.2s ease;
  background: #ffffff;
  color: #374151;
}

.table-spec-header-search input:focus {
  border-color: #00a3e7;
  box-shadow: 0 0 0 3px rgba(0, 163, 231, 0.1);
}

.table-spec-header-search input::placeholder {
  color: #9ca3af;
}

.table-spec-header-filter select {
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  background: #ffffff;
  color: #374151;
  outline: none;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 120px;
}

.table-spec-header-filter select:focus {
  border-color: #00a3e7;
  box-shadow: 0 0 0 3px rgba(0, 163, 231, 0.1);
}

/* Table Wrapper */
.table-spec-table-wrapper {
  flex: 1 1;
  overflow: auto;
  position: relative;
}

/* Tooltip z-index fix */
.tooltip {
  z-index: 10001;
}

/* Professional Table */
.table-spec-professional-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 14px;
  line-height: 1.5;
  table-layout: auto;
}

.table-spec-professional-table thead {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
  background: #ffffff;
}

.table-spec-professional-table th {
  /* Remove max-width for responsive width */
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  padding: 12px 20px;
  text-align: left;
  font-weight: 600;
  font-size: 12px;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: nowrap;
}

.table-spec-professional-table td {
  /* Remove max-width for responsive width */
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  padding: 16px 20px;
  text-align: left;
  color: #374151;
  font-size: 14px;
  vertical-align: middle;
  border-bottom: 1px solid #f3f4f6;
}

.table-spec-professional-table th.table-spec-sortable {
  cursor: pointer;
  transition: all 0.2s ease;
}

.table-spec-professional-table th.table-spec-sortable:hover {
  background: #f3f4f6;
  color: #374151;
}

.table-spec-th-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.table-spec-sort-icons {
  margin-left: 8px;
  opacity: 0.5;
  transition: all 0.2s ease;
}

.table-spec-sort-active {
  color: #00a3e7;
  font-weight: bold;
  opacity: 1;
}

.table-spec-sort-inactive {
  color: #9ca3af;
}

.table-spec-professional-table th.table-spec-sortable:hover .table-spec-sort-icons {
  opacity: 1;
}

/* Table Body - REMOVED HOVER EFFECTS */
.table-spec-professional-table tbody tr {
  /* No hover effects - removed transition and hover styles */
}

.table-spec-professional-table.table-spec-striped tbody tr:nth-child(even) {
  background: #f9fafb;
}

.table-spec-professional-table tbody tr:last-child td {
  border-bottom: none;
}

.table-spec-td-content {
  word-wrap: break-word;
  line-height: 1.4;
}

/* Special Cell Types */
.table-spec-status-badge {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.table-spec-status-completed {
  background: #d1fae5;
  color: #065f46;
}

.table-spec-status-processing {
  background: #dbeafe;
  color: #1e40af;
}

.table-spec-status-shipped {
  background: #e0e7ff;
  color: #3730a3;
}

.table-spec-status-pending {
  background: #fef3c7;
  color: #92400e;
}

.table-spec-status-healthy {
  background: #d1fae5;
  color: #065f46;
}

.table-spec-status-warning {
  background: #fef3c7;
  color: #92400e;
}

.table-spec-metric-value {
  font-weight: 600;
  font-size: 15px;
  color: #111827;
}

.table-spec-status-active {
  background: #d1fae5;
  color: #065f46;
}

.table-spec-status-inactive {
  background: #fee2e2;
  color: #991b1b;
}

.table-spec-status-on-leave {
  background: #fef3c7;
  color: #92400e;
}

.table-spec-metric-change {
  font-size: 12px;
  font-weight: 500;
  padding: 2px 6px;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
}

.table-spec-change-positive {
  background: #d1fae5;
  color: #065f46;
}

.table-spec-change-negative {
  background: #fee2e2;
  color: #991b1b;
}

.table-spec-status-critical {
  background: #f7eaec;
  color: #b33043;
}

.table-spec-status-high {
  background: #ffecef;
  color: #ff4560;
}

.table-spec-status-medium {
  background: #fff7e8;
  color: #FEB019;
}

.table-spec-status-low {
  background: #ebfaf7;
  color: #33d0b2;
}

.table-spec-status-informational {
  /* background: #d3b9b3; */
  background: #ede3e1;
  color: #56403b;
}

/* No Data */
.table-spec-no-data-cell {
  padding: 40px 20px !important;
  text-align: center;
  border-bottom: none !important;
}

.table-spec-no-data-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.table-spec-no-data-icon {
  font-size: 32px;
  opacity: 0.5;
}

.table-spec-no-data-content span {
  font-size: 16px;
  color: #6b7280;
  font-weight: 500;
}

/* Responsive Design */
@media (max-width: 1200px) {
  .table-spec-grid-cols-4 {
    grid-column: span 6;
  }

  .table-spec-grid-cols-3 {
    grid-column: span 4;
  }

  .table-spec-header-search input {
    width: 160px;
  }
}

@media (max-width: 900px) {
  .table-spec-grid-cols-3 {
    grid-column: span 6;
  }

  .table-spec-grid-cols-6 {
    grid-column: span 12;
  }

  .table-spec-table-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .table-spec-header-controls {
    width: 100%;
    justify-content: flex-start;
  }

  .table-spec-header-search input {
    width: 200px;
  }
}

@media (max-width: 600px) {

  .table-spec-grid-cols-3,
  .table-spec-grid-cols-4,
  .table-spec-grid-cols-6 {
    grid-column: span 12;
  }

  .table-spec-table-row-grid {
    gap: 16px;
  }

  .table-spec-layout-container {
    padding: 16px;
  }

  .table-spec-table-header {
    padding: 16px 20px;
  }

  .table-spec-header-controls {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .table-spec-header-search input,
  .table-spec-header-filter select {
    width: 100%;
  }
}

/* Scrollbar Styling */
.table-spec-table-wrapper::-webkit-scrollbar {
  width: 6px;
}

.table-spec-table-wrapper::-webkit-scrollbar-track {
  background: #f1f5f9;
}

.table-spec-table-wrapper::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}

.table-spec-table-wrapper::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/*  pagination  */
.table-spec-table-footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px;
  background: #fafbfc;
  border-top: 1px solid #e5e7eb;
  min-height: 56px;
}

.table-spec-pagination-left {
  display: flex;
  align-items: center;
  gap: 16px;
  height: 40px;
}

.table-spec-pagination-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  color: #222;
  height: 40px;
  line-height: 40px;
}

.table-spec-pagination-select {
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #222;
  border-radius: 6px;
  padding: 4px 12px;
  font-size: 15px;
}

.table-spec-pagination-info {
  font-size: 15px;
  color: #222;
  margin-bottom: 5px;
}

.table-spec-pagination-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

.table-spec-pagination-btn {
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #222;
  border-radius: 8px;
  padding: 4px 14px;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.2s;
}

.table-spec-pagination-btn[disabled] {
  color: #bbb;
  background: #f5f6fa;
  cursor: not-allowed;
}

.table-spec-pagination-btn.active {
  background: #eaf3ff;
  color: #1976d2;
  font-weight: 600;
}

.table-spec-pagination-ellipsis {
  padding: 0 8px;
  color: #888;
  background: none;
  border: none;
  cursor: default;
  font-size: 18px;
}
.table-specific-loading-bar {
  width: 100%;
  height: 2px;
  background: #f0f0f0;
  overflow: hidden;
  position: relative;
}
.table-specific-loading-bar-inner {
  height: 100%;
  width: 30%;
  background: linear-gradient(90deg, #00a3e7 0%, #00b3ff7b 100%);
  position: absolute;
  left: -30%;
  animation: loading-bar-move 1.2s linear infinite;
}
@keyframes loading-bar-move {
  0% { left: -30%; }
  100% { left: 100%; }
}


.circular-loader-table {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
}
.circular-loader-table-inner {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #00a3e7;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
}
.Cards_statCard__bIfQi {
  background: #fff;
  border: 0.0625rem solid #e5e7eb;
  padding: clamp(1.5rem, 3vw, 1.5rem);
  display: flex;
  gap: clamp(0.5rem, 2vw, 1rem);
  transition:
    box-shadow 0.2s,
    transform 0.2s;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  position: relative;
  overflow: hidden;
  min-width: 0;
}

/* Hover Effect - Enhanced shadow as per spec */
.Cards_statCard__bIfQi:hover {
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
  transform: translateY(-0.125rem);
}

/* Layout Variations */
.Cards_left__j2X4t {
  flex-direction: row;
  align-items: flex-start;
}

.Cards_left__j2X4t .Cards_iconContainer__LByn2 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Cards_left__j2X4t .Cards_cardContent__8pvvZ {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.Cards_top__abfwT {
  flex-direction: column;
  align-items: flex-start;
}

.Cards_top__abfwT .Cards_iconContainer__LByn2 {
  align-self: flex-start;
  margin-bottom: 0.5rem;
}

.Cards_top__abfwT .Cards_cardContent__8pvvZ {
  width: 100%;
}

.Cards_iconContainer__LByn2 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem; /* Touch accessibility */
}

.Cards_cardIcon__NvO2t {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  line-height: 1;
  width: 30px;
  height: 30px;
}
.Cards_cardIcon__NvO2t img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Content Styles */
.Cards_cardContent__8pvvZ {
  min-width: 0;
  word-break: break-word;
}

.Cards_cardHeader__AhLRa {
  margin-bottom: 0.5rem;
}

.Cards_cardLabel__heth4 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: #4b5563;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  line-height: 1.2;
  margin-bottom: 0.25rem;
}

.Cards_cardDescription__-y6sI {
  font-size: clamp(0.6875rem, 0.8vw, 0.75rem);
  color: #6b7280;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 0.25rem;
}

.Cards_cardValueRow__1oZzL {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
  flex-wrap: wrap;
}

.Cards_cardValue__zU4W4 {
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  color: #111827;
  line-height: 1.1;
}

.Cards_cardSubValue__wDSRN {
  font-size: clamp(0.6875rem, 0.9vw, 0.75rem);
  color: #9ca3af;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

.Cards_cardTrendUp__H2j0K {
  font-size: clamp(0.75rem, 0.95vw, 0.8125rem);
  color: #059669;
  font-weight: 500;
  line-height: 1.2;
}
.Cards_cardTrendDown__JGpdL {
  font-size: clamp(0.75rem, 0.95vw, 0.8125rem);
  color: #f63535;
  font-weight: 500;
  line-height: 1.2;
}

/* Border Radius Variations */
.Cards_borderSharp__6blbp {
  border-radius: 0;
}
.Cards_borderDefault__1eUW- {
  border-radius: 0.375rem;
}
.Cards_borderRounded__s5ZYe {
  border-radius: 0.75rem;
}

/* Size Variations */
.Cards_compact__1vNlr {
  padding: clamp(0.75rem, 1.5vw, 1rem);
  gap: clamp(0.5rem, 1vw, 0.75rem);
}

.Cards_compact__1vNlr .Cards_cardIcon__NvO2t {
  font-size: clamp(1rem, 1.7vw, 1.25rem);
}

.Cards_compact__1vNlr .Cards_cardLabel__heth4 {
  font-size: clamp(0.6875rem, 0.8vw, 0.75rem);
}

.Cards_compact__1vNlr .Cards_cardDescription__-y6sI {
  font-size: clamp(0.625rem, 0.7vw, 0.6875rem);
}

.Cards_compact__1vNlr .Cards_cardValue__zU4W4 {
  font-size: clamp(1.125rem, 2.2vw, 1.5rem);
}

.Cards_compact__1vNlr .Cards_cardSubValue__wDSRN {
  font-size: clamp(0.625rem, 0.7vw, 0.6875rem);
}

.Cards_compact__1vNlr .Cards_cardTrend__nWZ4H {
  font-size: clamp(0.6875rem, 0.7vw, 0.75rem);
}

/* Background Color Variations */
.Cards_bgBlue__Sizuw {
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
  border-color: #bae6fd;
}
.Cards_bgGreen__Lkj2y {
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  border-color: #bbf7d0;
}
.Cards_bgOrange__XDPU8 {
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  border-color: #fde68a;
}
.Cards_bgPurple__-96EH {
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
  border-color: #e9d5ff;
}
.Cards_bgRed__AFC9Q {
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  border-color: #fecaca;
}
.Cards_bgYellow__MFFKp {
  background: linear-gradient(135deg, #fefce8 0%, #fef9c3 100%);
  border-color: #fde047;
}
.Cards_bgTeal__F-0O8 {
  background: linear-gradient(135deg, #f0fdfa 0%, #ccfbf1 100%);
  border-color: #99f6e4;
}
.Cards_bgIndigo__VnDbj {
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
  border-color: #bae6fd;
}

/* Responsive Design */
@media (max-width: 768px) {
  .Cards_statCard__bIfQi {
    padding: 1rem;
    gap: 0.5rem;
  }
  .Cards_cardValue__zU4W4 {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
  }
  .Cards_cardIcon__NvO2t {
    font-size: clamp(1rem, 1.7vw, 1.25rem);
  }
}

/* Always stack icon & content vertically on small screens */
@media (max-width: 480px) {
  .Cards_statCard__bIfQi {
    padding: 0.75rem;
    gap: 0.4rem;
  }
  .Cards_cardValue__zU4W4 {
    font-size: clamp(1rem, 2vw, 1.5rem);
  }
  .Cards_cardLabel__heth4 {
    font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  }
  .Cards_left__j2X4t,
  .Cards_top__abfwT {
    flex-direction: column;
    align-items: flex-start;
  }
  .Cards_left__j2X4t .Cards_iconContainer__LByn2,
  .Cards_top__abfwT .Cards_iconContainer__LByn2 {
    margin-bottom: 0.5rem;
  }
}

.WaveLoader_container__axmQi {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem; /* 24px */
  padding: 0 1.5625rem; /* 25px */
}

.WaveLoader_waveContainer__dxVSr {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 0.25rem; /* 4px */
  height: 2.5rem; /* 40px */
}

.WaveLoader_waveBar__rQ22n {
  width: 0.375rem; /* 6px */
  height: 2.5rem; /* 40px */
  border-radius: 0.1875rem; /* 3px */
  animation: WaveLoader_wave__i8laz 1.5s ease-in-out infinite;
  transform-origin: center bottom;
}

.WaveLoader_text__mfnj7 {
  font-size: 1rem; /* 16px */
  color: #6b7280;
  margin: 0;
  font-weight: 500;
}

@keyframes WaveLoader_wave__i8laz {
  0%,
  60%,
  100% {
    transform: scaleY(0.3);
  }
  30% {
    transform: scaleY(1);
  }
}

.HalfPieChart_container__EMs66 {
  background: linear-gradient(
    366deg,
    rgba(255, 255, 255) 0%,
    rgba(240, 246, 250) 70%,
    rgba(226, 235, 241) 100%
  );
  padding: 1.25rem;
  border-radius: 0.5rem;
  color: #1e293b;
  font-family: "Inter", "Segoe UI", Roboto, -apple-system, BlinkMacSystemFont,
    sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 0.063rem solid #ababab3b;
}

.HalfPieChart_containerNoGradient__yzj0d {
  background: #fff;
}

.HalfPieChart_containerNoBorder__xX8Js {
  border: none;
}

.HalfPieChart_title__p5ha6 {
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  color: #000;
}

.HalfPieChart_chartContainer__-ZRN9 {
  position: relative;
  width: 100%;
  max-width: 20rem;
  z-index: 10;
}

.HalfPieChart_chartContainerInner__z1aly {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.HalfPieChart_centerValue__GKBPS {
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.HalfPieChart_centerValueText__wtktl {
  font-size: 1.375rem;
  font-weight: bold;
  color: #0d47a1;
  text-align: center;
  line-height: 1;
  text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
}

.HalfPieChart_legendContainer__JIMMQ {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.HalfPieChart_legendContainer2Items__9I-3S {
  gap: 1.875rem;
  margin-top: 2.375rem;
}

.HalfPieChart_legendContainer3Items__9l3mQ {
  gap: 1.25rem;
  margin-top: 2.25rem;
}

.HalfPieChart_legendContainer4Items__Dr1oD {
  gap: 0.875rem;
  margin-top: 1.5rem;
}

.HalfPieChart_legendContainer5Items__bNfp2 {
  gap: 0.875rem;
  margin-top: 1.5rem;
}

.HalfPieChart_legendItem__vNYHq {
  display: flex;
  align-items: center;
  width: 13.75rem;
  justify-content: space-between;
  font-size: 0.875rem;
  cursor: pointer;
  font-weight: 400;
}

.HalfPieChart_legendItemHovered__DyE5M {
  font-weight: 600;
}

.HalfPieChart_legendItemContent__aYFZL {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.HalfPieChart_legendColorIndicator__uA8EM {
  width: 0.25rem;
  height: 1rem;
  border-radius: 3.125rem;
}

.HalfPieChart_legendColorIndicator2Items__yvXjb {
  margin-top: 0.125rem;
}

.HalfPieChart_legendLabel__9dAK- {
  color: #64748b;
  font-weight: 500;
  font-size: 0.875rem;
  word-break: break-word;
}

.HalfPieChart_legendLabelHovered__kWiqV {
  color: black;
}

.HalfPieChart_legendValue__8l7ZB {
  font-weight: 600;
  color: black;
}

.HalfPieChart_legendValueHovered__Rvx8W {
  font-weight: bold;
}

.HalfPieChart_customTooltip__8E516 {
  background: rgba(255, 255, 255, 0.95);
  border: 0.063rem solid #e0e0e0;
  border-radius: 0.25rem;
  padding: 0.5rem 0.75rem;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.15);
  font-size: 0.875rem;
  font-weight: 500;
  z-index: 10000;
}

.HalfPieChart_tooltipColorDot__F1s1G {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  flex-shrink: 0;
}

.HalfPieChart_customTooltip__8E516 p {
  margin: 0;
  padding: 0.125rem 0;
}

.HalfPieChart_noDataWrapper__NQ5Z0 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.HalfPieChart_loaderWrapper__H7Wm0 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1;
}

@media (max-width: 30rem) {
  .HalfPieChart_legendContainer2Items__9I-3S {
    gap: 1.5rem;
    margin-top: 3.125rem;
  }

  .HalfPieChart_legendContainer3Items__9l3mQ {
    gap: 1.25rem;
    margin-top: 1.875rem;
  }

  .HalfPieChart_legendContainer4Items__Dr1oD {
    gap: 1rem;
    margin-top: 1rem;
  }

  .HalfPieChart_legendItem__vNYHq {
    width: 100%;
  }

  .HalfPieChart_centerValueText__wtktl {
    font-size: 1.125rem;
  }

  .HalfPieChart_chartContainer__-ZRN9 {
    max-width: 15rem;
  }
}

.PieChartUI_container__OE27t {
  padding: 1.25rem;
  border-radius: 0.5rem;
  color: #1e293b;
  font-family:
    'Inter',
    'Segoe UI',
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 32.5rem;
  border: 0.0625rem solid #ababab3b;
}

.PieChartUI_default__JPxAz {
  background: linear-gradient(
    366deg,
    rgba(255, 255, 255) 0%,
    rgba(240, 246, 250) 70%,
    rgba(226, 235, 241) 100%
  );
  border: 0.0625rem solid rgba(192, 192, 192, 0.5);
}

.PieChartUI_compact__uyaEz {
  background: linear-gradient(180deg, #ffffff 0%, rgb(238, 248, 255) 100%);
  border: 0.0625rem solid #ababab3b;
  box-shadow: none;
}

.PieChartUI_title__3b3WY {
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  color: black;
  margin-bottom: 0;
}

.PieChartUI_chartWrapper__5Hu4I {
  position: relative;
  width: 18.75rem;
  height: 14.375rem;
  margin: 0.625rem 0;
  overflow: visible;
}

.PieChartUI_centerText__uUEfd {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 8.75rem;
  height: 8.75rem;
  z-index: 1;
  pointer-events: none;
}

.PieChartUI_centerValue__R5nQY {
  font-size: 2.25rem;
  font-weight: bold;
  color: #0d47a1;
  line-height: 1;
  text-align: center;
  text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
  pointer-events: none;
}

.PieChartUI_centerLabel__85q9X {
  font-size: 0.875rem;
  font-weight: bold;
  color: #000;
  margin-top: 0.25rem;
  text-align: center;
  max-width: 7.5rem;
  line-height: 1.3;
  text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
  pointer-events: none;
}

.PieChartUI_legend__vyNX- {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 18.75rem;
}

.PieChartUI_legendItem__PSJqM {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  gap: 0.25rem;
  position: relative;
}

.PieChartUI_legendRow__u4Qgn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  flex-wrap: wrap;
}

.PieChartUI_flex-start__rk5Xb {
  align-items: flex-start;
}

.PieChartUI_center__YnimW {
  align-items: center;
  height: 2.5rem;
}

.PieChartUI_legendLeft__8moXG {
  display: flex;
  gap: 0.5rem;
  max-width: 11.25rem;
  word-wrap: break-word;
}

.PieChartUI_colorDot__tcZuO {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  flex-shrink: 0;
}

.PieChartUI_separator__7GASL {
  border-bottom: 0.0625rem solid #e0e0e0;
  width: 100%;
  margin: 0.1875rem 0;
}

.PieChartUI_tooltip__BpeIk {
  background: #fff;
  border: 0.0625rem solid #ccc;
  padding: 0.5rem 0.625rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
  z-index: 9999;
  position: relative;
}

.PieChartUI_customScrollbar__k\+hxp {
  overflow-y: auto;
  padding-right: 0.9375rem;
}

.PieChartUI_customScrollbar__k\+hxp::-webkit-scrollbar {
  width: 0.375rem;
}

.PieChartUI_customScrollbar__k\+hxp::-webkit-scrollbar-track {
  background: #f1f5f9;
}

.PieChartUI_customScrollbar__k\+hxp::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}
.PieChartUI_customScrollbar__k\+hxp::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}
.PieChartUI_noDataWrapper__AWIih {
  height: 28.125rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.recharts-tooltip-wrapper {
  z-index: 100 !important;
  pointer-events: none !important;
}

.recharts-wrapper .recharts-tooltip-wrapper {
  z-index: 100 !important;
}

.HorizontalStackedBarChart_chartContainer__yZrST {
  height: 32.5rem;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 0.063rem solid #ddd;
  border-radius: 0.5rem;
  overflow: hidden;
}

.HorizontalStackedBarChart_header__w-Asi {
  height: 5rem;
  padding: 1rem;
  border-bottom: 0.063rem solid #eee;
  box-sizing: border-box;
  z-index: 10;
}

.HorizontalStackedBarChart_title__8zziX {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #111827;
}

.HorizontalStackedBarChart_description__ldern {
  margin-top: 0.75rem;
  font-size: 0.8125rem;
  color: #6b7280;
}

.HorizontalStackedBarChart_scrollable__yNW9G {
  overflow-y: auto;
  max-height: 25.375rem;
}
.HorizontalStackedBarChart_chartArea__Z8ln6 {
  flex: 1 1;
  min-height: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 12px 20px 10px;
  padding-left: 20px;
}

.HorizontalStackedBarChart_chartArea__Z8ln6::-webkit-scrollbar {
  width: 6px;
}

.HorizontalStackedBarChart_chartArea__Z8ln6::-webkit-scrollbar-track {
  background: #f1f5f9;
}

.HorizontalStackedBarChart_chartArea__Z8ln6::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}

.HorizontalStackedBarChart_chartArea__Z8ln6::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

.HorizontalStackedBarChart_noDataWrapper__IIhkr {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Add these new rules at the end of your CSS file */
.recharts-tooltip-wrapper {
  z-index: 99999 !important;
}

.recharts-responsive-container {
  overflow: visible !important;
}

/* Ensure legend stays below tooltip */
.HorizontalStackedBarChart_legendArea__NEzGn {
  min-height: 3.125rem;
  background-color: #f9fafb;
  padding: 0.75rem 1.25rem;
  border-top: 0.063rem solid #f3f4f6;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
  position: relative;
  z-index: 1; /* Add this */
}

.HorizontalStackedBarChart_legend__-WNiS {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem 1rem;
  width: 100%;
  z-index: 10;
}

.HorizontalStackedBarChart_legendItem__AWsz- {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  min-width: 6.25rem;
  font-size: 0.6875rem;
  flex: 0 1 auto;
}

.HorizontalStackedBarChart_colorBox__oPoxQ {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.125rem;
  flex-shrink: 0;
}

.HorizontalStackedBarChart_label__LHSkz {
  color: #374151;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.HorizontalStackedBarChart_percent__awG\+b {
  background: #f1f5f9;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  color: #6b7280;
  flex-shrink: 0;
}

.HorizontalStackedBarChart_tooltip__U2VZq {
  background: #fff;
  border: 0.063rem solid #f3f4f6;
  border-radius: 0.25rem;
  padding: 0.75rem 1rem;
  box-shadow: 0 0.625rem 0.938rem rgba(0, 0, 0, 0.1);
  width: 16.25rem;
  font-size: 0.8125rem;
  position: relative;
  z-index: 100000;
  max-width: 90vw;
}

.HorizontalStackedBarChart_tooltipHeader__\+HkRK {
  font-weight: 600;
  font-size: 0.938rem;
  margin-bottom: 0.5rem;
  color: #111827;
  border-bottom: 0.063rem solid #f3f4f6;
  padding-bottom: 0.25rem;
  word-wrap: break-word;
  white-space: normal;
}

.HorizontalStackedBarChart_tooltipContent__EKidg {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin-bottom: 0.625rem;
}

.HorizontalStackedBarChart_tooltipRow__fxDEx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

.HorizontalStackedBarChart_tooltipLabel__s\+XfD {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex: 1 1;
  min-width: 0;
}

.HorizontalStackedBarChart_dot__-OOrq {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 0.125rem;
  flex-shrink: 0;
}

.HorizontalStackedBarChart_tooltipValue__vC7va {
  font-weight: 600;
  color: #111827;
  flex-shrink: 0;
}

.HorizontalStackedBarChart_tooltipTotal__-LN0J {
  color: #6b7280;
  font-weight: 600;
  font-size: 0.75rem;
}

@media (max-width: 48rem) {
  .HorizontalStackedBarChart_chartContainer__yZrST {
    height: 28rem;
    border-radius: 0.375rem;
  }

  .HorizontalStackedBarChart_header__w-Asi {
    height: 4.5rem;
    padding: 0.625rem 0.875rem;
  }
  /* 
  .title {
    font-size: 0.938rem;
  } */

  .HorizontalStackedBarChart_description__ldern {
    font-size: 0.75rem;
  }

  .HorizontalStackedBarChart_chartArea__Z8ln6 {
    max-height: 21.375rem;
    padding: 0.625rem 1rem 0.5rem;
  }

  .HorizontalStackedBarChart_legendArea__NEzGn {
    min-height: 2.75rem;
    padding: 0.625rem 1rem;
    gap: 0.5rem 0.75rem;
  }

  .HorizontalStackedBarChart_legend__-WNiS {
    gap: 0.5rem 0.875rem;
  }

  .HorizontalStackedBarChart_legendItem__AWsz- {
    min-width: 5.5rem;
    font-size: 0.625rem;
    gap: 0.188rem;
  }

  .HorizontalStackedBarChart_colorBox__oPoxQ {
    width: 0.688rem;
    height: 0.688rem;
  }

  .HorizontalStackedBarChart_tooltip__U2VZq {
    width: 14rem;
    padding: 0.625rem 0.875rem;
    font-size: 0.75rem;
  }

  .HorizontalStackedBarChart_tooltipHeader__\+HkRK {
    font-size: 0.875rem;
    margin-bottom: 0.375rem;
  }

  .HorizontalStackedBarChart_tooltipContent__EKidg {
    gap: 0.313rem;
    margin-bottom: 0.5rem;
  }
}

@media (max-width: 30rem) {
  .HorizontalStackedBarChart_chartContainer__yZrST {
    height: 24rem;
    border-radius: 0.25rem;
    margin: 0 0.5rem;
  }

  .HorizontalStackedBarChart_header__w-Asi {
    height: 4.5rem;
    padding: 0.5rem 0.75rem;
  }

  .HorizontalStackedBarChart_title__8zziX {
    font-size: 14px;
  }

  .HorizontalStackedBarChart_description__ldern {
    font-size: 0.688rem;
    margin-top: 0.125rem;
  }

  .HorizontalStackedBarChart_chartArea__Z8ln6 {
    max-height: 17.875rem;
    padding: 0.5rem 0.75rem 0.375rem;
  }

  .HorizontalStackedBarChart_legendArea__NEzGn {
    min-height: 2.5rem;
    padding: 0.5rem 0.75rem;
    gap: 0.375rem 0.5rem;
  }

  .HorizontalStackedBarChart_legend__-WNiS {
    gap: 0.375rem 0.625rem;
    justify-content: center;
  }

  .HorizontalStackedBarChart_legendItem__AWsz- {
    min-width: 4.5rem;
    font-size: 0.563rem;
    gap: 0.125rem;
    flex: 0 1 45%;
  }

  .HorizontalStackedBarChart_colorBox__oPoxQ {
    width: 0.625rem;
    height: 0.625rem;
  }

  .HorizontalStackedBarChart_label__LHSkz {
    max-width: 2.5rem;
  }

  .HorizontalStackedBarChart_percent__awG\+b {
    padding: 0.063rem 0.25rem;
    font-size: 0.563rem;
  }

  .HorizontalStackedBarChart_dimmedText__\+gUQc {
    opacity: 0.5;
    font-weight: 500;
    color: #999;
    font-style: italic;
  }

  .HorizontalStackedBarChart_tooltip__U2VZq {
    width: 12rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.688rem;
  }

  .HorizontalStackedBarChart_tooltipHeader__\+HkRK {
    font-size: 0.813rem;
    margin-bottom: 0.313rem;
  }

  .HorizontalStackedBarChart_tooltipContent__EKidg {
    gap: 0.25rem;
    margin-bottom: 0.375rem;
  }

  .HorizontalStackedBarChart_tooltipRow__fxDEx {
    gap: 0.25rem;
  }

  .HorizontalStackedBarChart_dot__-OOrq {
    width: 0.5rem;
    height: 0.5rem;
  }

  .HorizontalStackedBarChart_tooltipTotal__-LN0J {
    font-size: 0.688rem;
  }
}

@media (max-width: 22.5rem) {
  .HorizontalStackedBarChart_chartContainer__yZrST {
    height: 20rem;
    margin: 0 0.25rem;
  }

  .HorizontalStackedBarChart_legendItem__AWsz- {
    flex: 0 1 48%;
    min-width: 3.5rem;
  }

  .HorizontalStackedBarChart_label__LHSkz {
    max-width: 2rem;
  }

  .HorizontalStackedBarChart_tooltip__U2VZq {
    width: 10rem;
  }
}

.LineAreaChart_chartCard__6o8MM {
  background-color: white;
  border-radius: 0.4rem;
  /* margin-bottom: 32px; */
  padding: 0;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border: 1px solid #e5e7eb;
  overflow: hidden;
}

/* Header with subtitle */
.LineAreaChart_chartCardHeader__d55um {
  background-color: #f9fafb;
  padding: 10px 20px;
  border-bottom: 1px solid #f3f4f6;
}

.LineAreaChart_chartCardHeader__d55um h2 {
  font-size: 16px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 4px 0;
  line-height: 1.2;
}

.LineAreaChart_chartCardHeader__d55um {
  background-color: #f9fafb;
  padding: 10px 20px;
  border-bottom: 1px solid #f3f4f6;
  display: flex;                  /* 🔥 Make it flex */
  justify-content: space-between;
  align-items: flex-start;       /* Align control to top */
  gap: 16px;
}

.LineAreaChart_headerTextGroup__eLRM2 {
  flex: 1 1;
}


.LineAreaChart_subtitle__YzBeF {
  margin: 4px 0;
  font-size: 14px;
  font-weight: 500;
  color: #6b7280; /* gray-500 */
}

.LineAreaChart_description__jC3I4 {
  margin-top: 2px;
  font-size: 12px;
  color: #6b7280;
  line-height: 1.4;
  font-weight: 400;
}


/* Footer */
.LineAreaChart_chartCardFooter__FfhB- {
  background-color: #f9fafb;
  padding: 23px 20px;
  border-top: 1px solid #f3f4f6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}

/* Tooltip styles */
.LineAreaChart_tooltipContainer__QbLD6 {
  background-color: white;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 16px;
  font-size: 14px;
  min-width: 180px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.LineAreaChart_tooltipHeader__2CPaD {
  font-weight: 600;
  color: #111827;
  margin-bottom: 8px;
  font-size: 15px;
}

.LineAreaChart_tooltipDivider__EIC1h {
  height: 1px;
  background-color: #e5e7eb;
  margin: 12px 0;
}

.LineAreaChart_tooltipItems__DbOwQ {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.LineAreaChart_tooltipRow__FgJbV {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 4px 0;
}

.LineAreaChart_tooltipColor__h9faE {
  width: 4px;
  height: 18px;
  border-radius: 2px;
}

.LineAreaChart_tooltipName__T-xCJ {
  color: #6b7280;
  font-size: 13px;
  flex: 1 1;
  font-weight: 500;
}

.LineAreaChart_tooltipValue__JBMcS {
  font-weight: 700;
  color: #111827;
  font-size: 14px;
}

/* Legend */
.LineAreaChart_legendContainer__Ybmeu {
  display: flex;
  justify-content: flex-start;
  gap: 24px;
  flex-wrap: wrap;
}

.LineAreaChart_legendItem__MDGpy {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.LineAreaChart_legendColor__0mbOb {
  width: 12px;
  height: 12px;
  border-radius: 3px;
}

.LineAreaChart_legendText__-E-I2 {
  font-size: 14px;
  color: #374151;
  font-weight: 500;
}

/* Optional control on the right */
.LineAreaChart_extraControl__zyybZ {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.ConfirmationDelete_header__LS63f {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 40px 0 40px; /* less vertical, more horizontal padding */
  background: transparent;
}

.ConfirmationDelete_headerLeft__wvu65 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  width: 100%;
}

.ConfirmationDelete_deleteIconWrapper__2UXaQ {
  background: #fff0f3;
  border-radius: 50%;
  padding: 7px; /* less padding for smaller icon area */
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px #f8545433;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}

.ConfirmationDelete_headerTitle__AfToI {
  font-weight: 800;
  font-size: 20px;
  color: #cf222e;
  /* letter-spacing:1;s */
  text-shadow: 0 1px 0 #fff;
  margin-top: 0;
  display: flex;
  align-items: center;
  height: 40px; /* reduced height */
}

.ConfirmationDelete_headerName__ztERN {
  color: #24292f;
}

.ConfirmationDelete_warning__\+wVqG {
  display: flex;
  align-items: center;
  background: #fff8c5;
  color: #9a6700;
  border: 1.5px solid #d4a72c;
  border-radius: 7px;
  padding: 10px 14px;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 600;
  gap: 10px;
  box-shadow: 0 2px 8px #fffbe6aa;
}

.ConfirmationDelete_detailsTitle__OLAf- {
  font-size: 1rem;
  margin-bottom: 8px;
  color: #24292f;
  font-weight: 700;
  letter-spacing: -0.2px;
}

.ConfirmationDelete_detailsList__E52VO {
  font-size: 0.97rem;
  list-style: disc;
  padding: 0 1.1rem 0.7rem 1.1rem;
  margin: 0;
  color: #57606a;
  line-height: 1.6;
  font-weight: 500;
  background: #f6f8fa;
  border-radius: 6px;
  box-shadow: 0 1px 4px #eaeef2;
  border: 1px solid #eaeef2;
  padding-left: 25px;
}

.ConfirmationDelete_confirmInputWrapper__6cG2i {
  margin-top: 18px;
}

.ConfirmationDelete_confirmLabel__ZQQSA {
  font-weight: 700;
  font-size: 1rem;
  color: #24292f;
  margin-bottom: 7px;
  display: block;
  letter-spacing: -0.2px;
}

.ConfirmationDelete_confirmWord__UyEOc {
  font-family: monospace;
  color: #cf222e;
  background: #fff0f3;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.98rem;
  font-weight: 700;
}

.ConfirmationDelete_confirmInput__pLU0K {
  width: 100%;
  padding: 9px 12px;
  border-radius: 6px;
  font-size: 1rem;
  outline: none;
  box-sizing: border-box;
  font-weight: 500;
  background: #f6f8fa;
  transition: border 0.2s;
  border: 1.5px solid #d0d7de;
  margin-bottom: 14px;
}

.ConfirmationDelete_confirmInputError__6CLqK {
  border: 1.5px solid #cf222e;
  margin-bottom: 4px;
}

.ConfirmationDelete_errorMsg__837hU {
  color: #cf222e;
  font-size: 0.97rem;
  margin-bottom: 10px;
  font-weight: 600;
  letter-spacing: -0.2px;
  background: #fff0f3;
  border-radius: 4px;
  padding: 5px 8px;
}

.ConfirmationDelete_actions__bpztY {
  padding: 18px 40px 24px 40px; /* match dialog width */
  justify-content: flex-end;
  background: transparent;
  display: flex;
  gap: 10px;
}

.ConfirmationDelete_cancelBtn__QpTDL {
  border-color: #d0d7de !important;
  color: #24292f !important;
  background: #fff !important;
  margin-right: 10px !important;
  text-transform: none !important;
  font-weight: 600 !important;
  min-width: 90px !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  font-size: 1rem !important;
}

.ConfirmationDelete_deleteBtn__zGEQC {
  text-transform: none !important;
  font-weight: 700 !important;
  min-width: 90px !important;
  border-radius: 6px !important;
  font-size: 1rem !important;
  transition: all 0.2s !important;
  background: #f6f8fa !important;
  color: #cf222e !important;
  box-shadow: none !important;
}

.ConfirmationDelete_deleteBtn__zGEQC:disabled {
  background: #f6f8fa !important;
  color: #cf222e !important;
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}

.ConfirmationDelete_deleteBtnActive__HSV59 {
  background: linear-gradient(90deg, #cf222e 80%, #f85454 100%) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px #cf222e33 !important;
}

@media (max-width: 600px) {
  .ConfirmationDelete_header__LS63f {
    padding: 12px 12px 0 12px;
  }
  .ConfirmationDelete_headerTitle__AfToI {
    font-size: 17px;
    height: auto;
  }
  .ConfirmationDelete_detailsTitle__OLAf-,
  .ConfirmationDelete_detailsList__E52VO {
    font-size: 13.5px;
  }
  .ConfirmationDelete_confirmInput__pLU0K {
    font-size: 13.5px;
  }
  .ConfirmationDelete_actions__bpztY {
    padding: 18px 12px 24px 12px;
  }
}

.ActivityTimeLine_container__51RXX {
    /* background-color: white; */
    display: flex;
    flex-direction: column;
    border-radius: 8px;
}



.ActivityTimeLine_timeline__tQUfu {
    position: relative;
    padding: 0.5rem;
}

.ActivityTimeLine_timelineItem__kkl2T {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    transition: all 0.2s ease-in-out;
}

.ActivityTimeLine_timelineItem__kkl2T:last-child {
    margin-bottom: 0;
}

.ActivityTimeLine_timelineLine__FD1dA {
    position: absolute;
    left: 1rem;
    top: 2rem;
    width: 2px;
    height: calc(100% + 1.5rem);
    background-color: #e5e7eb;
    z-index: 1;
}

.ActivityTimeLine_timelineMarkerContainer__bY3F- {
    position: relative;
    flex-shrink: 0;
    margin-right: 1rem;
    z-index: 2;
}

.ActivityTimeLine_timelineMarker__c6z5D {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 2px solid #d1d5db;
    background-color: #f3f4f6;
    color: #6b7280;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in-out;
}

.ActivityTimeLine_timelineMarker__c6z5D:hover {
    background-color: #e5e7eb;
    border-color: #9ca3af;
    color: #374151;
}

.ActivityTimeLine_timelineContent__9dW\+9 {
    flex: 1 1;
    min-width: 0;
    padding-bottom: 0.5rem;
}

.ActivityTimeLine_timelineName__bCX9U {
    font-size: 0.875rem;
    font-weight: 500;
    color: #111827;
    word-break: break-word;
    line-height: 1.4;
    margin-bottom: 0.25rem;
}

.ActivityTimeLine_timelineTime__PtZvS {
    font-size: 0.75rem;
    color: #6b7280;
    margin-bottom: 0.25rem;
}

.ActivityTimeLine_timelineLink__nQSWp {
    color: #2563eb;
    text-decoration: none;
}


.ActivityTimeLine_actorName__ZZSsn {
    color: #00a7ec;
    font-weight: 500;
}

.ActivityTimeLine_actorTooltip__A-b8v {
    position: absolute;
    background: #111827;
    color: #f9fafb;
    font-size: 0.75rem;
    padding: 0 0.25rem;
    padding-top: 5px;
    padding-bottom: 0;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 100;
    margin-top: 0.25rem;
}

.ActivityTimeLine_tooltipArrow__zd63Z {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #111827;
    margin: auto;
}

.ActivityTimeLine_emptyState__D\+o9X {
    padding: 1rem;
    font-size: 0.875rem;
    color: #6b7280;
    text-align: center;
}

/* Responsive */
@media (max-width: 640px) {
    .ActivityTimeLine_timeline__tQUfu {
        padding: 0.25rem;
    }

    .ActivityTimeLine_timelineItem__kkl2T {
        margin-bottom: 1.25rem;
    }

    .ActivityTimeLine_timelineMarker__c6z5D {
        width: 1.75rem;
        height: 1.75rem;
    }

    .ActivityTimeLine_timelineMarkerContainer__bY3F- {
        margin-right: 0.75rem;
    }

    .ActivityTimeLine_timelineName__bCX9U {
        font-size: 0.8125rem;
    }

    .ActivityTimeLine_timelineTime__PtZvS {
        font-size: 0.6875rem;
    }
}
.styles_topBar__XoWLB {
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px; /* Reduced from 10px */
  flex-wrap: wrap;
  margin-top: 4px; /* Reduced from 7px */
}

.styles_tabContainer__CTKjS {
  width: 50%;
}

.styles_rightActions__253sw {
  display: flex;
  width: 50%;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: nowrap;
}

.styles_iconGroup__\+hPgN {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.styles_statusCircle__vqwHF {
  width: 14px;
  height: 14px;
  border-radius: 50%;
}

/* Pagination */
.styles_paginationContainer__59N5b {
  padding-top: 1rem;
}

.styles_paginationContainer__59N5b.styles_sticky__EbN7O {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 10;
}

@media (max-width: 720px) {
  .styles_topBar__XoWLB {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 3px; /* Reduced */
  }

  .styles_tabContainer__CTKjS,
  .styles_rightActions__253sw {
    width: 100%;
  }

  .styles_rightActions__253sw {
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .styles_searchBox__heRC\+ {
    width: 200px !important;
  }
}

@media (max-width: 480px) {
  .styles_rightActions__253sw {
    justify-content: flex-start;
    gap: 0.5rem;
    margin-top: 3px;
  }

  .styles_searchBox__heRC\+ {
    width: 240px !important;
  }

  .styles_iconGroup__\+hPgN {
    gap: 0.25rem;
  }
}

.styles_brand-item__CUVMI {
  padding: 0.2rem 0;
  display: flex;
  flex-direction: column;
}
.styles_scanHeading__ywbcx {
  color: #333;
  font-weight: bold;
  border-left: 4px solid #00a7ec;
  padding-left: 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.75rem;
  font-family: Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2;
}
.styles_brandItem__caFYk {
  padding: 0.2rem 0;
  display: flex;
  flex-direction: column;
}
.styles_userCard__3OHC5 {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 15px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  transition:
    box-shadow 0.3s ease,
    transform 0.2s ease;
  margin-bottom: 12px;
  -webkit-user-select: none;
          user-select: none;
}

.styles_userCardHeader__s8kEC {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.styles_userCardCheckbox__zkBSq {
  margin-right: 5px;
  cursor: pointer;
  margin-bottom: 0px;
}

.styles_userCard__3OHC5 h5 {
  font-size: 18px;
  color: #000;
  margin: 0;
  text-transform: capitalize;
}
.styles_userCardTitle__2jUtH {
  font-size: 18px;
  color: #000;
  margin: 0;
  text-transform: capitalize;
}
.styles_userCardDescription__MzwFq {
  font-size: 14px;
  color: #555;
}
.styles_userCard__3OHC5.styles_selected__TWiRf {
  background-color: #e0f2fe;
  border-color: #38bdf8;
}

.styles_userCard__3OHC5:hover {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
  border-color: #60a5fa;
}
.styles_userCard__3OHC5.styles_selected__TWiRf::after {
  color: #38bdf8;
  font-size: 20px;
  position: absolute;
  top: 12px;
  right: 16px;
}

.styles_topBar__XoWLB {
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
  flex-wrap: wrap;
  margin-top: 4px;
}

.styles_tabContainer__CTKjS {
  width: 50%;
}

.styles_rightActions__253sw {
  display: flex;
  width: 50%;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: nowrap;
}

.styles_iconGroup__\+hPgN {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.styles_statusCircle__vqwHF {
  width: 14px;
  height: 14px;
  border-radius: 50%;
}

/* Pagination */
.styles_paginationContainer__59N5b {
  padding-top: 1rem;
}

.styles_paginationContainer__59N5b.styles_sticky__EbN7O {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 10;
}

@media (max-width: 720px) {
  .styles_topBar__XoWLB {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 3px; /* Reduced */
  }

  .styles_tabContainer__CTKjS,
  .styles_rightActions__253sw {
    width: 100%;
  }

  .styles_rightActions__253sw {
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .styles_searchBox__heRC\+ {
    width: 200px !important;
  }
}

@media (max-width: 480px) {
  .styles_rightActions__253sw {
    justify-content: flex-start;
    gap: 0.5rem;
    margin-top: 3px;
  }

  .styles_searchBox__heRC\+ {
    width: 240px !important;
  }

  .styles_iconGroup__\+hPgN {
    gap: 0.25rem;
  }
}

.DragNDrop_wrapper__4oCLs {
  margin: 10px auto;
}

.DragNDrop_dropzone__as\+i6 {
  border: 2px dashed #93c5fd;
  border-radius: 8px;
  padding: 2rem;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.3s ease;
}

.DragNDrop_dropzone__as\+i6:hover {
  border-color: #60a5fa;
}

.DragNDrop_hiddenInput__DexeU {
  display: none;
}

.DragNDrop_uploadContent__8in5R {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.DragNDrop_uploadIcon__AGR5u {
  width: 48px;
  height: 48px;
  background-color: #dbeafe;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.DragNDrop_uploadIcon__AGR5u .DragNDrop_icon__nAUf- {
  width: 24px;
  height: 24px;
  color: #3b82f6;
}

.DragNDrop_uploadText__jT\+3o {
  color: #6b7280;
  font-size: 14px;
  margin: 0;
}

.DragNDrop_fileList__xzgnp {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.DragNDrop_fileItem__HCRhK {
  display: flex;
  align-items: center;
  padding: 12px;
  background-color: #f9fafb;
  border-radius: 8px;
}

.DragNDrop_fileIcon__pJWCs {
  width: 40px;
  height: 40px;
  background-color: #dbeafe;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  flex-shrink: 0;
}

.DragNDrop_fileIcon__pJWCs .DragNDrop_icon__nAUf- {
  width: 20px;
  height: 20px;
  color: #3b82f6;
}

.DragNDrop_fileInfo__JDkat {
  flex: 1 1;
  min-width: 0;
}

.DragNDrop_fileHeader__hEj3P {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}

.DragNDrop_fileName__iQM5s {
  font-size: 14px;
  font-weight: 500;
  color: #111827;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1;
  min-width: 0;
}

.DragNDrop_fileActions__21s0J {
  display: flex;
  align-items: center;
  gap: 8px;
}

.DragNDrop_checkIcon__mmDWx {
  width: 16px;
  height: 16px;
  color: #10b981;
  flex-shrink: 0;
}

.DragNDrop_removeButton__SzJ2m {
  background: none;
  border: none;
  padding: 2px;
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
}

.DragNDrop_removeButton__SzJ2m:hover {
  background-color: #fee2e2;
}

.DragNDrop_removeButton__SzJ2m:focus {
  outline: 2px solid #ef4444;
  outline-offset: 1px;
}

.DragNDrop_removeIcon__2qwtP {
  width: 16px;
  height: 16px;
  color: #6b7280;
  transition: color 0.2s ease;
}

.DragNDrop_removeButton__SzJ2m:hover .DragNDrop_removeIcon__2qwtP {
  color: #ef4444;
}

.DragNDrop_fileDetails__K1pAF {
  display: flex;
  align-items: center;
  gap: 8px;
}

.DragNDrop_fileSize__gvHGR {
  font-size: 12px;
  color: #6b7280;
  margin: 0;
}

.DragNDrop_uploadingStatus__Q-dPH {
  font-size: 12px;
  color: #3b82f6;
}

.DragNDrop_uploadedStatus__wcZ2G {
  font-size: 12px;
  color: #10b981;
}

.DragNDrop_progressBar__wJ2rd {
  width: 100%;
  height: 6px;
  background-color: #e5e7eb;
  border-radius: 3px;
  margin-top: 8px;
  overflow: hidden;
}

.DragNDrop_progressFill__C4rdU {
  height: 100%;
  background-color: #3b82f6;
  border-radius: 3px;
  transition: width 0.3s ease;
}

/* Responsive Design */
@media (max-width: 480px) {
  .DragNDrop_wrapper__4oCLs {
    padding: 0 1rem;
  }

  .DragNDrop_dropzone__as\+i6 {
    padding: 1.5rem;
  }

  .DragNDrop_uploadIcon__AGR5u {
    width: 40px;
    height: 40px;
  }

  .DragNDrop_uploadIcon__AGR5u .DragNDrop_icon__nAUf- {
    width: 20px;
    height: 20px;
  }

  .DragNDrop_fileItem__HCRhK {
    padding: 10px;
  }

  .DragNDrop_fileIcon__pJWCs {
    width: 36px;
    height: 36px;
    margin-right: 10px;
  }

  .DragNDrop_fileIcon__pJWCs .DragNDrop_icon__nAUf- {
    width: 18px;
    height: 18px;
  }

  .DragNDrop_fileName__iQM5s {
    font-size: 13px;
  }

  .DragNDrop_removeIcon__2qwtP,
  .DragNDrop_checkIcon__mmDWx {
    width: 14px;
    height: 14px;
  }

  .DragNDrop_fileSize__gvHGR,
  .DragNDrop_uploadingStatus__Q-dPH,
  .DragNDrop_uploadedStatus__wcZ2G {
    font-size: 11px;
  }
}

/* Animation for drag over effect */
@keyframes DragNDrop_pulse__3Sgs2 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
}

.DragNDrop_dropzone__as\+i6:active {
  animation: DragNDrop_pulse__3Sgs2 0.2s ease-in-out;
}

/* Focus styles for accessibility */
.DragNDrop_dropzone__as\+i6:focus-within {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

.DragNDrop_errorStatus__tQzee {
  color: #dc3545;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  gap: 8px;
}

.DragNDrop_retryButton__soDMS {
  background: none;
  border: none;
  color: #007bff;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
  font-size: 0.75rem;
  margin-left: 8px;
}

.DragNDrop_retryButton__soDMS:hover {
  color: #0056b3;
}

/* Code Editor Wrapper */
.CodeEditor_codeEditorWrapper__ZQ3ld {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  margin-top: 15px;
}

.CodeEditor_codeEditorWrapper__ZQ3ld.CodeEditor_withBorder__ec4uD {
  border: 1px solid #e0e0e0;
}

/* Editor Header */
.CodeEditor_codeEditorHeader__8Hk0L {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  background: #f8f9fa;
  border-bottom: 1px solid #e0e0e0;
}

.CodeEditor_editorInfo__pShXB {
  display: flex;
  gap: 8px;
  align-items: center;
}

.CodeEditor_languageBadge__QZCN8 {
  display: inline-block;
  padding: 4px 10px;
  background: #007bff;
  color: white;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.CodeEditor_readonlyBadge__Byzk2 {
  display: inline-block;
  padding: 4px 10px;
  background: #6c757d;
  color: white;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
}

.CodeEditor_editorActions__QNZCZ {
  display: flex;
  gap: 8px;
}

.CodeEditor_editorActionBtn__y-YBF {
  background-color: #fff !important;
  border: 1px solid #d0d7de !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
  cursor: pointer;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #374151;
}

.CodeEditor_editorActionBtn__y-YBF:active {
  background-color: #d1d5db;
}

/* Code Mirror Content */
.CodeEditor_codeEditorContent__y2v2X {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  font-size: 14px;
  line-height: 1.6;
  overflow: auto;
  max-height: 500px;
}

/* Override CodeMirror styles */
.CodeEditor_codeEditorContent__y2v2X .cm-editor {
  outline: none !important;
  background: transparent !important;
}

.CodeEditor_codeEditorContent__y2v2X .cm-scroller {
  overflow: auto !important;
  font-family: inherit !important;
  scrollbar-width: thin;
  scrollbar-color: #c1c1c1 #f1f1f1;
}

.CodeEditor_codeEditorContent__y2v2X .cm-content {
  padding: 16px 0 !important;
  font-family: inherit !important;
}

.CodeEditor_codeEditorContent__y2v2X .cm-line {
  padding: 0 16px !important;
  font-family: inherit !important;
}

.CodeEditor_codeEditorContent__y2v2X .cm-gutters {
  background: #f8f9fa !important;
  border-right: 1px solid #e0e0e0 !important;
  padding: 0 8px !important;
  min-width: 45px !important;
}

.CodeEditor_codeEditorContent__y2v2X .cm-lineNumbers {
  font-family: inherit !important;
  color: #6e7781 !important;
  min-width: 35px !important;
}

.CodeEditor_codeEditorContent__y2v2X .cm-activeLineGutter {
  background: #e8f4ff !important;
}

.CodeEditor_codeEditorContent__y2v2X .cm-activeLine {
  background: #e8f4ff !important;
}

/* Selection */
.CodeEditor_codeEditorContent__y2v2X .cm-selectionBackground {
  background: #b4d5fe !important;
}

/* Cursor */
.CodeEditor_codeEditorContent__y2v2X .cm-cursor {
  border-left-color: #24292f !important;
  border-left-width: 2px !important;
}

/* Placeholder */
.CodeEditor_codeEditorContent__y2v2X .cm-placeholder {
  color: #6e7781 !important;
  font-style: italic !important;
}

/* Custom Scrollbar for Webkit browsers */
.CodeEditor_codeEditorContent__y2v2X::-webkit-scrollbar {
  width: 0.375rem;
}

.CodeEditor_codeEditorContent__y2v2X::-webkit-scrollbar-track {
  background: #f1f5f9;
}

.CodeEditor_codeEditorContent__y2v2X::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}

.CodeEditor_codeEditorContent__y2v2X::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}
/* Editor Footer */
.CodeEditor_codeEditorFooter__\+X9xY {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  background: #f8f9fa;
  border-top: 1px solid #e0e0e0;
  font-size: 12px;
  color: #6e7781;
}

.CodeEditor_editorStats__vUbDU {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
}

/* Focus State */
.CodeEditor_codeEditorWrapper__ZQ3ld:focus-within {
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

/* Fold Gutter */
.CodeEditor_codeEditorContent__y2v2X .cm-foldGutter {
  width: 16px !important;
}

.CodeEditor_codeEditorContent__y2v2X .cm-foldPlaceholder {
  background: #e8f4ff !important;
  border: 1px solid #b4d5fe !important;
  color: #0969da !important;
  padding: 0 4px !important;
  border-radius: 3px !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

/* Search Panel */
.CodeEditor_codeEditorContent__y2v2X .cm-panel {
  background: #f8f9fa !important;
  border-bottom: 1px solid #e0e0e0 !important;
  padding: 8px !important;
}

.CodeEditor_codeEditorContent__y2v2X .cm-textfield {
  border: 1px solid #d0d7de !important;
  border-radius: 4px !important;
  padding: 4px 8px !important;
  background: white !important;
  color: #24292f !important;
}

.CodeEditor_codeEditorContent__y2v2X .cm-button {
  border: 1px solid #d0d7de !important;
  border-radius: 4px !important;
  background: white !important;
  color: #24292f !important;
  padding: 4px 12px !important;
  cursor: pointer !important;
}

.CodeEditor_codeEditorContent__y2v2X .cm-button:hover {
  background: #f3f4f6 !important;
}

/* Responsive */
@media (max-width: 768px) {
  .CodeEditor_codeEditorHeader__8Hk0L {
    padding: 8px 12px;
  }

  .CodeEditor_codeEditorFooter__\+X9xY {
    padding: 6px 12px;
    font-size: 11px;
  }

  .CodeEditor_languageBadge__QZCN8,
  .CodeEditor_readonlyBadge__Byzk2 {
    font-size: 10px;
    padding: 3px 8px;
  }

  .CodeEditor_editorActionBtn__y-YBF {
    padding: 5px 8px;
  }

  .CodeEditor_codeEditorContent__y2v2X {
    font-size: 13px;
  }
}

/* Animation for actions */
@keyframes CodeEditor_fadeIn__M9fZK {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.note_box {
  padding: 14px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 0.5rem 0;
  position: relative;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;

  box-shadow:
    rgba(14, 63, 126, 0.06) 0px 0px 0px 1px,
    rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px,
    rgba(42, 51, 70, 0.04) 0px 2px 2px -1px,
    rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px,
    rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px,
    rgba(42, 51, 70, 0.03) 0px 10px 10px -5px,
    rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
}

.note_icon {
  margin-right: 6px;
  display: flex;
  align-items: center;
}

/* MAIN TEXT STYLES */
.note_left,
.note_center,
.note_right {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}

/* COLORS — BASED ON VARIANTS */
.note_box--error {
  background-color: #fed7d7;
}
.note_box--error::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 4px;
  background-color: #c53030;
}

.note_box--warning {
  background-color: #feebc8;
}
.note_box--warning::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 4px;
  background-color: #c05621;
}

.note_box--success {
  background-color: #c6f6d5;
}
.note_box--success::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 4px;
  background-color: #2f855a;
}

.note_box--info {
  background-color: #bee3f8;
}
.note_box--info::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 4px;
  background-color: #2b6cb0;
}

.note_box--pre_warning {
  background-color: #f8f2be;
}
.note_box--pre_warning::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 4px;
  background-color: #b0b02b;
}

body.fullscreen-active {
  overflow: hidden !important;
}

.table-multi-spec-dashboard {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  color: #1a1a1a;
  padding: 8px 8px 0px 8px;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  font-family:
    'Roboto',
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
}

.fullscreen-active .table-multi-spec-dashboard {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  background: #fff;
  overflow: auto;
  margin: 0;
  padding: 8px;
  border-radius: 0;
}

.fullscreen-active .table-multi-spec-table-scroll-container,
.fullscreen-active .table-multi-spec-table-container {
  border-radius: 0;
}

.table-multi-spec-dashboard-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
  gap: 16px;
  flex-wrap: wrap;
}

.table-multi-spec-dashboard-header h1 {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  color: #1a1a1a;
  line-height: 1.3;
}

.table-multi-spec-subtitle {
  color: #656d76;
  font-size: 14px;
  margin-top: 8px;
  padding: 5px 0px;
}

.table-multi-spec-refresh-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  width: 38px;
  border: 1.5px solid #e1e4e8;
  background: #fff;
  border-radius: 8px;
  cursor: pointer;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
  padding: 0;
}

.table-multi-spec-refresh-button:focus,
.table-multi-spec-refresh-button:hover {
  border-color: #2684ff;
  box-shadow: 0 0 0 2px #e6f0ff;
  outline: none;
}

.table-multi-spec-refresh-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  border-color: #e1e4e8;
  background: #f7f7f7;
}

.table-multi-spec-refresh-button .table-multi-spec-spinning {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

.table-multi-spec-search-container {
  flex: 1 1;
  min-width: 300px;
}

.table-multi-spec-search-input-wrapper {
  position: relative;
  width: 100%;
  max-width: 500px;
}

.table-multi-spec-search-input-wrapper input {
  width: 550px;
  padding: 10px 16px 10px 40px;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  font-size: 14px;
  transition: all 0.2s ease;
}

.table-multi-spec-search-input-wrapper input:focus {
  outline: none;
  border-color: #2188ff;
  box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.1);
}

.table-multi-spec-search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #6a737d;
  pointer-events: none;
}

.table-multi-spec-filter-group {
  display: flex;
  align-items: center;
  gap: 16px;
}

.table-multi-spec-data-row.table-multi-spec-selected-row {
  background: #e6f6fd93 !important;
  box-shadow: 0 0 0 2px #b7dbfb !important;
  border-left: 2px solid #00a3e7;
}

.table-multi-spec-table {
  width: 100%;
  table-layout: fixed;
}

.table-multi-spec-table
  tbody
  tr:hover:not(.table-multi-spec-selected-row):not(.table-multi-spec-expanded-row) {
  background-color: #f2f4f7 !important;
}

.table-multi-spec-table-container {
  max-height: 520px;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
}

.table-multi-spec-data-dashboard.table-multi-spec-fullscreen {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 9999 !important;
  background-color: #fff !important;
  padding: 24px !important;
  overflow: auto !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.table-multi-spec-data-table th,
.table-multi-spec-data-table td {
  border-right: none;
}

.table-multi-spec-data-table th:last-child,
.table-multi-spec-data-table td:last-child {
  border-right: none;
}

.table-multi-spec-th-date,
.table-multi-spec-th-duration {
  font-size: 14px !important;
}

.table-multi-spec-action-buttons svg {
  width: 18px;
  height: 18px;
}

.table-multi-spec-fullscreen-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  width: 38px;
  border: 1.5px solid #e1e4e8;
  background: #fff;
  border-radius: 8px;
  cursor: pointer;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
  padding: 0;
}

.table-multi-spec-fullscreen-toggle:hover {
  border-color: #2684ff;
  box-shadow: 0 0 0 2px #e6f0ff;
}

.table-multi-spec-table-container,
.table-multi-spec-table-responsive {
  width: 100%;
}

.table-multi-spec-data-table {
  width: 100%;
  min-width: 0;
  border-collapse: collapse;
  font-size: 14px;
  text-align: left;
  background-color: white;
}

.table-multi-spec-table-scroll-container {
  max-height: 520px;
  overflow-y: auto;
  /* #UPDATES  added overflow x here */
  overflow-x: auto;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  background: #fff;
  position: relative;
  overflow-x: hidden;
  z-index: 0;
}

.table-multi-spec-table td {
  padding: 4px 8px;
  border-bottom: 1px solid #eaecef;
  vertical-align: middle;
  /* #UPDATES */
  /* white-space: nowrap; */
  /* overflow: hidden; */

  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 80px;
  /* Ensures minimum width for all columns */
  /* max-width: 220px; */
}

.table-multi-spec-table th {
  padding: 4px 8px;
  border-bottom: 1px solid #eaecef;
  vertical-align: middle;
  /* #UPDATES */
  white-space: nowrap;
  /* Prevent text wrapping */
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 80px;
  background-color: #ececec;
  font-weight: 600;
  color: #24292e;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  white-space: nowrap;
  z-index: 2;
}

.table-multi-spec-sortable-header {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  min-width: 0;
  flex-wrap: nowrap;
}

.table-multi-spec-table tbody tr:hover:not(.table-multi-spec-selected-row) {
  background-color: #f6f8fa !important;
}

.table-multi-spec-table-loader-bar-row {
  position: relative;
  height: 0;
  pointer-events: none;
}

.table-multi-spec-table-loader-bar {
  position: absolute;
  left: 30%;
  right: 30%;
  bottom: 0;
  height: 2px;
  width: 40%;
  z-index: 20;
  pointer-events: none;
  overflow: visible;
}

.table-multi-spec-table-loader-bar-inner {
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, #2196f3 30%, #21cbf3 100%);
  transform: translateX(-100%);
  animation: loader-bar-move 1.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  border-radius: 2px;
}

.table-multi-spec-table-fetching-msg {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 500;
  font-size: 18px;
  color: #2196f3;
}

.table-multi-spec-fetching-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #2196f3;
  margin-right: 8px;
  animation: fetching-dot-bounce 1s infinite alternate;
  display: inline-block;
}

@keyframes fetching-dot-bounce {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(1.5);
    opacity: 0.5;
  }
}

/* #Updates */

.table-multi-spec-row-strip {
  border-left: 4px solid #16a34a;
}

.table-multi-spec-number-cell {
  max-width: 200px;
  white-space: normal;
  word-break: break-word;
  color: #1976d2;
  text-decoration: underline;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.15s;
  overflow-wrap: anywhere;
}

.table-multi-spec-number-cell:hover,
.table-multi-spec-number-cell:focus {
  color: #00a3e7;
  text-decoration: underline;
}

/*  badge styles  */
.table-spec-tags-badge {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.table-spec-tag {
  background: #00a3e7;
  color: #fff;
  border: 1px solid #b3e6f7;
  border-radius: 12px;
  padding: 2px 10px;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  transition: background 0.2s;
}

.table-spec-tags-badge-empty {
  color: #aaa;
  font-size: 13px;
  padding: 2px 10px;
}

.table-multi-spec-checkbox-col {
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  text-align: center;
  padding: 6px !important;
}

.table-multi-spec-expand-col {
  width: 36px;
  min-width: 36px;
  max-width: 36px;
  text-align: center;
  padding: 6px !important;
}

.table-multi-spec-checkbox-col input[type='checkbox'] {
  width: 16px;
  height: 16px;
  margin: 0;
}

.status-badge {
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}

.status-paid {
  background: rgba(46, 204, 113, 0.1);
  color: #2ecc71;
}

.status-pending {
  background: rgba(241, 196, 15, 0.1);
  color: #f1c40f;
}

.status-failed {
  background: rgba(231, 76, 60, 0.1);
  color: #e74c3c;
}

.status-overdue {
  background: rgba(192, 57, 43, 0.1);
  color: #c0392b;
}

.table-multi-spec-action-buttons {
  display: flex;
  gap: 8px;
  align-items: center;
}

.table-multi-spec-action-btn-multi {
  padding: 6px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  background-color: transparent;
  width: 30px;
  height: 30px;
}

.table-multi-spec-action-btn:hover {
  background-color: #f1f3f5;
  color: #24292e;
}

.table-multi-spec-view-btn {
  color: #656d76;
}

.table-multi-spec-download-btn {
  color: #656d76;
}

.table-multi-spec-more-btn {
  color: #656d76;
}

.table-multi-spec-more-actions {
  position: relative;
}

.table-multi-spec-more-actions-menu {
  position: absolute;
  right: 0;
  top: 100%;
  background: #fff;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  padding: 8px 0;
  min-width: 180px;
  z-index: 100;
  display: none;
}

.table-multi-spec-more-actions:hover .table-multi-spec-more-actions-menu {
  display: block;
}

.table-multi-spec-more-actions-menu button {
  width: 100%;
  padding: 8px 16px;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
}

.table-multi-spec-more-actions-menu button:hover {
  background-color: #f6f8fa;
}

.table-multi-spec-expand-btn {
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  padding: 8px !important;
  border-radius: 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  color: #666 !important;
  transition: all 0.2s ease !important;
  margin-left: -4px;
}

.table-multi-spec-expand-btn:hover {
  background-color: #f0f0f0 !important;
  color: #333 !important;
}

.table-multi-spec-expand-btn svg {
  width: 12px !important;
  height: 12px !important;
  stroke-width: 2 !important;
}

/* .table-multi-spec-expand-btn svg * {
  stroke: currentColor !important;
  fill: none !important;
} */

.table-multi-spec-row.table-multi-spec-expanded-row {
  background: linear-gradient(90deg, #e3f7ff 0%, #fff 100%) !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0 2px 8px rgba(38, 163, 231, 0.1);
  position: relative;
  z-index: 2;
}

.table-multi-spec-row.table-multi-spec-expanded-row td:first-child {
  border-top-left-radius: 10px;
}

.table-multi-spec-row.table-multi-spec-expanded-row td:last-child {
  border-top-right-radius: 10px;
}

/* .table-multi-spec-expanded-content > td {
  padding: 0 !important;
  background: transparent !important;
  border: none;
} */
.table-multi-spec-expanded-gradient-border {
  background: #fff;
  border: 2px solid #00a3e7;
  border-top: none;
  border-radius: 0 0 10px 10px;
  margin: 0 0 12px 0;
  box-shadow: none;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.table-multi-spec-accordion-content {
  background: #fff;
  padding: 24px 28px 16px 28px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0 0 10px 10px;
}

.table-multi-spec-details {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.table-multi-spec-detail-section h4,
.table-multi-spec-items-section h4 {
  margin: 0 0 16px 0;
  color: #1192d9;
  font-size: 16px;
  font-weight: 600;
}

.table-multi-spec-kv-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
}

.table-multi-spec-kv-table td {
  padding: 8px 12px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 15px;
  vertical-align: top;
}

.table-multi-spec-kv-key {
  font-weight: 600;
  color: #444;
  width: 180px;
}

.table-multi-spec-kv-value {
  color: #222;
  word-break: break-word;
}

.table-multi-spec-kv-table tr:nth-child(even) {
  background: #f6f8fa;
}

.table-multi-spec-kv-table tr:nth-child(odd) {
  background: #fff;
}

.table-multi-spec-items-section {
  margin-top: 24px;
  background-color: transparent;
}

.table-multi-spec-items-table {
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  overflow: hidden;
}

.table-multi-spec-items-header {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  background: #f8f9fa;
  padding: 12px;
  font-weight: 600;
  color: #333;
  border-bottom: 1px solid #e9ecef;
}

.table-multi-spec-items-row {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  padding: 12px;
  border-bottom: 1px solid #e9ecef;
  background: white;
}

.table-multi-spec-items-row:last-child {
  border-bottom: none;
}

.table-multi-spec-row.table-multi-spec-selected-row {
  background: #e6f2ff !important;
  box-shadow: 0 0 0 2px #b7dbfb !important;
}

.table-multi-spec-row.table-multi-spec-selected-row.table-multi-spec-expanded-row {
  background: linear-gradient(90deg, #e3f7ff 0%, #fff 100%) !important;
  box-shadow: 0 0 0 2px #b7dbfb !important;
}

.table-multi-spec-row.table-multi-spec-selected-row td,
.table-multi-spec-row.table-multi-spec-selected-row.table-multi-spec-expanded-row td {
  background: transparent !important;
}

.table-multi-spec-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px;
  text-align: center;
}

.table-multi-spec-empty-state img {
  margin-bottom: 20px;
  max-width: 300px;
  width: 100%;
  opacity: 0.7;
}

.table-multi-spec-empty-state p {
  color: #586069;
}

.table-multi-spec-table-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  min-height: 56px;
  gap: 12px;
}

.table-multi-spec-showing-results {
  display: flex;
  align-items: center;
  gap: 16px;
}

.table-multi-spec-rows-per-page-selector {
  display: flex;
  align-items: center;
  gap: 8px;
}

.table-multi-spec-rows-per-page-selector select {
  padding: 6px 10px;
  border-radius: 6px;
  border: 1px solid #e1e4e8;
}

.table-multi-spec-results-info {
  font-size: 14px;
  color: #222;
  min-width: 120px;
  text-align: left;
}

.table-multi-spec-pagination-controls {
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 40px;
}

.table-multi-spec-pagination-arrow,
.table-multi-spec-pagination-page-btn {
  height: 32px;
  min-width: 32px;
  padding: 0 8px;
  margin: 0 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.15s;
}

.table-multi-spec-pagination-arrow:disabled,
.table-multi-spec-pagination-page-btn:disabled {
  background: #e3e7ea;
  color: #b0b3b8;
  cursor: default;
}

.table-multi-spec-pagination-page-btn.table-multi-spec-active,
.table-multi-spec-pagination-page-btn[aria-current='page'] {
  background: #e0f0ff;
  font-weight: bold;
  color: #2684ff;
}

@keyframes loader-bar-move {
  0% {
    transform: translateX(-100%);
    opacity: 1;
  }

  100% {
    transform: translateX(100%);
    opacity: 0.2;
  }
}

@media (max-width: 768px) {
  .table-multi-spec-dashboard {
    padding: 16px;
  }

  .table-multi-spec-dashboard-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .table-multi-spec-search-container {
    width: 100%;
    max-width: 100%;
  }

  .table-multi-spec-filter-group {
    width: 100%;
  }

  .table-multi-spec-table-footer {
    flex-direction: column;
  }

  .table-multi-spec-expand-col,
  .table-multi-spec-checkbox-col {
    min-width: 28px !important;
    width: 28px !important;
  }

  .table-multi-spec-expand-btn {
    width: 24px !important;
    height: 24px !important;
    padding: 4px !important;
  }

  .table-multi-spec-expand-btn svg {
    width: 14px !important;
    height: 14px !important;
  }

  .table-multi-spec-table-footer {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .table-multi-spec-showing-results {
    justify-content: flex-start;
    gap: 12px;
    margin-bottom: 8px;
  }

  .table-multi-spec-pagination-controls {
    justify-content: flex-start;
    width: 100%;
  }
}

.table-multi-spec-th-minmax {
  min-width: 120px;
  max-width: 220px;
}

.table-multi-spec-th-client {
  min-width: 140px;
  max-width: 260px;
}

.table-multi-spec-th-amount,
.table-multi-spec-th-status {
  min-width: 90px;
  max-width: 120px;
}

.table-multi-spec-th-method,
.table-multi-spec-th-transaction {
  min-width: 120px;
  max-width: 180px;
}

.table-multi-spec-th-date {
  min-width: 220px;
  max-width: 260px;
  font-size: 13px;
}

.table-multi-spec-th-duration {
  min-width: 80px;
  max-width: 100px;
  font-size: 13px;
}

.table-multi-spec-th-actions {
  min-width: 80px;
  max-width: 80px;
  text-align: left;
}

.table-multi-spec-filter-popup {
  animation: fadeSlideIn 0.25s ease-out;
}

.table-multi-spec-filter-wrapper {
  position: relative;
  min-width: 180px;
  display: flex;
  align-items: center;
}

.table-multi-spec-filter-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #6a737d;
  z-index: 3;
  pointer-events: none;
}
.table-multi-spec-filter-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}

.table-multi-spec-search-filters {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.table-multi-spec-actions button {
  background: none;
  border: none;
  cursor: pointer;
}

@keyframes fadeSlideIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.Tags_container__eaW8o {
  max-width: 64rem;
  /* margin: 0 auto; */
  /* padding: 1.5rem; */
}

.Tags_title__ecjvo {
  font-size: 1.5rem;
  font-weight: bold;
  color: #1f2937;
  /* gray-800 */
  margin-bottom: 1.5rem;
}

/* .chipWrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
} */
.Tags_chipWrapper__Z0oq8 {
  display: flex;
  flex-wrap: wrap;
  /* Prevent line break */
  gap: 6px;
  align-items: center;
  overflow: hidden;
}

.Tags_chip__oeVUk {
  border-radius: 9999px;
  font-weight: 500;
  transition: all 0.2s ease;
  cursor: default;
  display: inline-block;
  -webkit-user-select: none;
          user-select: none;
  animation: Tags_chip-fade-in__rC25D 0.2s ease-out;
  border: none;
}

.Tags_chipClickable__ApP26 {
  cursor: pointer;
}

.Tags_chipClickable__ApP26:active {
  transform: scale(0.95);
}

.Tags_chipSmall__crkxC {
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  /* text-sm */
}

.Tags_chipMedium__OT3HL {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  /* text-base */
}

.Tags_chipLarge__HLcHe {
  padding: 0.75rem 1.25rem;
  font-size: 1rem;
  /* text-lg */
}

.Tags_chipBlue__pyfsD {
  background-color: #dbeafe;
  /* blue-500 */
  color: #1e40af;
  /* white */
}

.Tags_chipBlue__pyfsD:hover {
  background-color: #bfdbfe;
  /* blue-400 */
}

.Tags_chipGreen__PG0ck {
  background-color: #dcfce7;
  /* green-500 */
  color: #166534;
  /* white */
}

.Tags_chipGreen__PG0ck:hover {
  background-color: #bbf7d0;
  /* green-400 */
}

.Tags_chipPurple__FuWTr {
  background-color: #f3e8ff;
  /* purple-500 */
  color: #7c3aed;
  /* white */
}

.Tags_chipPurple__FuWTr:hover {
  background-color: #e9d5ff;
  /* purple-400 */
}

.Tags_chipRed__54ksu {
  background-color: #fee2e2;
  /* red-500 */
  color: #dc2626;
  /* white */
}

.Tags_chipRed__54ksu:hover {
  background-color: #fecaca;
  /* red-400 */
}

.Tags_chipGray__LIumS {
  background-color: #f3f4f6;
  /* gray-500 */
  color: #374151;
  /* white */
}

.Tags_chipGray__LIumS:hover {
  background-color: #e5e7eb;
  /* gray-400 */
}

.Tags_chipClickable__ApP26:focus {
  outline: 2px solid #3b82f6;
  /* blue-500 */
  outline-offset: 2px;
}

@keyframes Tags_chipFadeIn__mwmrR {
  from {
    opacity: 0;
    transform: scale(0.8);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (max-width: 640px) {
  .Tags_container__eaW8o {
    padding: 6px;
  }

  .Tags_title__ecjvo {
    font-size: 1.25rem;
    /* text-lg */
    margin-bottom: 1rem;
  }

  .Tags_chipWrapper__Z0oq8 {
    gap: 0.5rem;
  }
}

/* @media screen and (max-width: 670px) {
  .chipWrapper {
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
  */
@media screen and (max-width: 670px) {
  .Tags_chipWrapper__Z0oq8 {
    flex-direction: row;
    flex-wrap: nowrap; /* prevents wrapping */
    overflow-x: auto; /* allows horizontal scroll */
    -webkit-overflow-scrolling: touch;
  }
}

@media screen and (max-width: 480px) {
  .Tags_chipWrapper__Z0oq8 {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
}

.DynamicScanCard_root__zX-AC {
  width: 100%;
  margin-bottom: 0.15rem; /* Reduced from 0.25rem */
  overflow-x: hidden;
  font-size: 12px;
}

.DynamicScanCard_accordionBlock__Yrd9K {
  background: #fff;
  margin: 0.2rem 0; /* Reduced from 0.35rem */
  border-radius: 0.5rem;
  padding: 3px;
  border: 1px solid rgba(192, 192, 192, 0.5);
  transition: border-color 0.3s;
}

.DynamicScanCard_accordionBlock__Yrd9K:hover {
  border: 2px solid #00a3e7;
}

.DynamicScanCard_accordionBlock__Yrd9K.DynamicScanCard_expanded__ZLmVs {
  border: 2px solid #00a3e7;
}

.DynamicScanCard_accordionBlock__Yrd9K.DynamicScanCard_draft__V7SOm {
  border-left: 5px solid gray;
}

.DynamicScanCard_accordionSummary__sSMsJ {
  display: flex;
  flex-direction: row;
  padding: 3px 0px;
  cursor: pointer;
  align-items: center;
  min-height: 52px; /* Reduced from 56px */
  border-radius: 4px;
  transition: background-color 0.2s;
}

.DynamicScanCard_accordionSummary__sSMsJ:hover {
  background-color: rgba(0, 163, 231, 0.02);
}

/* ============ EXPAND ICON ============ */
.DynamicScanCard_expandIconContainer__scBPn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px; /* Reduced from 8px */
  border: none;
  background: none;
  cursor: pointer;
  flex-shrink: 0;
}

.DynamicScanCard_expandIcon__\+pRuD {
  width: 12px;
  height: 12px;
  color: rgba(0, 0, 0, 0.64);
}

/* ============ SUMMARY CONTENT - FIXED GRID ============ */
.DynamicScanCard_summaryContent__5N9m1 {
  display: grid;
  grid-template-columns:
    auto minmax(140px, 1fr) minmax(110px, 140px) minmax(90px, 110px)
    minmax(90px, 110px) minmax(110px, 140px) auto;
  grid-gap: 0.75rem;
  gap: 0.75rem; /* Reduced from 1rem */
  align-items: center;
  width: 100%;
  min-width: 0;
}

/* ============ CHECKBOX ============ */
.DynamicScanCard_checkbox__xk1Nt {
  width: 18px;
  height: 18px;
  cursor: pointer;
  flex-shrink: 0;
}

.DynamicScanCard_ScanCardChecked__ajMaU input[type='checkbox'] {
  accent-color: #1976d2 !important;
}

.DynamicScanCard_ScanCardChecked__ajMaU input[type='checkbox']:checked {
  background-color: #1976d2 !important;
  border-color: #1976d2 !important;
}
/* ============ INFO ITEMS ============ */
.DynamicScanCard_infoItem__\+M486 {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 3px;
}

.DynamicScanCard_infoItem__\+M486.DynamicScanCard_firstItem__jO6PV {
  min-width: 140px;
  max-width: 100%; /* Changed from 180px to allow full space usage */
}

/* ============ PROJECT LINK ============ */
.DynamicScanCard_projectLink__JpPBr {
  all: unset;
  cursor: pointer;
  color: black;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
  word-break: break-word;
  display: block;
  line-height: 1.3;
  transition: color 0.2s;
  white-space: normal; /* Added: Allow text to wrap */
  overflow-wrap: break-word; /* Added: Break long words if needed */
  -webkit-hyphens: auto;
          hyphens: auto; /* Added: Enable hyphenation for better wrapping */
  max-width: 100%; /* Added: Ensure it uses full available width */
}

.DynamicScanCard_projectLink__JpPBr:hover {
  text-decoration: underline;
  color: black;
}

.DynamicScanCard_projectLink__JpPBr:focus {
  outline: 2px solid black;
  outline-offset: 2px;
}

/* ============ INFO VALUE ============ */
.DynamicScanCard_infoValue__prxy4 {
  font-weight: bold;
  font-size: 14px;
  color: black;
  word-break: break-word;
  overflow: visible; /* Changed from hidden to allow wrapping */
  text-overflow: clip; /* Changed from ellipsis to clip */
  line-height: 1.3;
  white-space: normal; /* Added: Allow multi-line text */
  max-width: 100%; /* Added: Use full available width */
}
/* ============ INFO ITEMS ============ */
/* .infoItem {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 3px; 
}

.infoItem.firstItem {
  min-width: 240px;
  max-width: 180px; 
}

.infoLabel {
  font-size: 13px;
  color: #777;
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

.infoValue {
  font-weight: bold;
  font-size: 14px;
  color: black;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3; 
} */

.DynamicScanCard_childIndicator__mAwFV {
  font-size: 10px;
  line-height: 1;
}

/* ============ PROJECT LINK ============ */
/* .projectLink {
  all: unset;
  cursor: pointer;
  color: black;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
  word-break: break-word;
  display: block;
  line-height: 1.3; 
  transition: color 0.2s;
} */

.DynamicScanCard_projectLink__JpPBr:hover {
  text-decoration: underline;
  color: black;
}

.DynamicScanCard_projectLink__JpPBr:focus {
  outline: 2px solid black;
  outline-offset: 2px;
}

/* ============ TAGS ============ */
.DynamicScanCard_tagsContainer__9ewL\+ {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px; /* Reduced from 6px */
  align-items: flex-start;
  max-width: 100%;
}

/* ============ ACTIONS CONTAINER - OPTIMIZED ============ */
.DynamicScanCard_actionsContainer__qNNZ5 {
  display: flex;
  align-items: center;
  gap: 6px; /* Reduced from 8px */
  flex-shrink: 0;
  justify-content: flex-end;
  padding-left: 0.75rem; /* Reduced from 1rem */
}

.DynamicScanCard_iconButton__K8U\+3 {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 6px; /* Reduced from 8px */
  border-radius: 50%;
  transition: background-color 0.2s;
  flex-shrink: 0;
}

.DynamicScanCard_iconButton__K8U\+3:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.DynamicScanCard_iconButton__K8U\+3:focus {
  outline: 2px solid #1976d2;
  outline-offset: 2px;
}

.DynamicScanCard_iconButton__K8U\+3 svg {
  width: 18px; /* Reduced from 20px */
  height: 18px;
}

.DynamicScanCard_stopIcon__P4\+Nx {
  color: red;
}

.DynamicScanCard_runIcon__5saOb {
  color: green;
}

/* ============ STATUS INDICATORS - OPTIMIZED ============ */
.DynamicScanCard_indicatorsContainer__jR5c0 {
  display: flex;
  gap: 4px; /* Reduced from 6px */
  align-items: center;
  justify-content: center;
}

.DynamicScanCard_indicatorBadge__6ad7Y {
  display: flex;
  justify-content: center;
  cursor: pointer;
}

.DynamicScanCard_indicatorCount__N82mN {
  color: #fff;
  width: 20px; /* Reduced from 22px */
  height: 20px;
  font-size: 11px; /* Reduced from 12px */
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px 0 0 4px;
  font-weight: 500;
}

.DynamicScanCard_indicatorLabel__ETBRD {
  color: #fff;
  width: 20px; /* Reduced from 22px */
  height: 20px;
  font-size: 11px; /* Reduced from 12px */
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0 4px 4px 0;
  font-weight: 500;
}

/* ============ ACCORDION DETAILS ============ */
.DynamicScanCard_accordionDetails__sC\+nf {
  padding: 12px 2.5rem 16px; /* Reduced top and side padding */
  display: flex;
  flex-direction: column;
  gap: 12px; /* Reduced from 16px */
  background: #fafafa;
}

.DynamicScanCard_detailsHeader__GvJp6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.DynamicScanCard_detailsContent__JYoMC {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 10px 0; /* Reduced from 12px */
}

.DynamicScanCard_detailsLeft__LFFqM {
  width: 60%;
  display: flex;
  flex-direction: column;
  padding-right: 2rem;
}

.DynamicScanCard_detailsLeft__LFFqM span {
  font-size: 14px; /* Reduced from 15px */
  color: #555;
  text-transform: capitalize;
}

.DynamicScanCard_detailsRight__imoJa {
  display: flex;
  justify-content: space-between;
  flex: 2 1;
  gap: 2.5rem; /* Reduced from 3rem */
}

.DynamicScanCard_detailsRight__imoJa > span {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  font-size: 14px; /* Reduced from 15px */
  color: #777;
  gap: 4px;
}

.DynamicScanCard_detailsRight__imoJa > span:first-child {
  font-size: 14px; /* Reduced from 15px */
  color: #777;
  letter-spacing: 0.5px;
  margin-bottom: 6px; /* Reduced from 8px */
}

.DynamicScanCard_separator__Ao6j9 {
  border: 0;
  height: 1px;
  background: #333;
  background-image: linear-gradient(to right, #ccc, #333, #ccc);
  margin: 8px 0; /* Reduced from 10px */
}

/* ============ REFRESH BUTTON ============ */
.DynamicScanCard_refreshContainer__jwqG6 {
  display: flex;
  justify-content: flex-end;
}

.DynamicScanCard_refreshButton__lhHcJ {
  all: unset;
  cursor: pointer;
  padding: 0.25rem;
  color: green;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s;
}

.DynamicScanCard_refreshButton__lhHcJ:hover {
  background-color: rgba(0, 128, 0, 0.1);
}

.DynamicScanCard_refreshButton__lhHcJ:focus {
  outline: 2px solid green;
  outline-offset: 2px;
}

.DynamicScanCard_refreshButton__lhHcJ svg {
  width: 18px; /* Reduced from 20px */
  height: 18px;
}

/* ============ ERROR ALERT ============ */
.DynamicScanCard_errorAlert__K6Zj2 {
  color: #f44336;
  padding: 0.5rem;
  font-size: 13px;
  background-color: #ffebee;
  border-radius: 4px;
  margin-bottom: 0.5rem;
}

/* ============ TABLE CONTAINER ============ */
.DynamicScanCard_tableContainer__LHgsL {
  padding-top: 0.75rem; /* Reduced from 1rem */
  overflow-x: auto;
}

/* ============ STATUS DISPLAY ============ */
.DynamicScanCard_statusRunningContainer__rHh1q {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 6px; /* Reduced from 8px */
}

.DynamicScanCard_statusContainer__OH911 {
  display: flex;
  align-items: center;
  gap: 4px;
}

.DynamicScanCard_statusIconWrapper__Cx3Td {
  display: flex;
  align-items: center;
}

.DynamicScanCard_statusJobCount__1Tm9X {
  font-size: 13px; /* Reduced from 14px */
  color: #333;
}

.DynamicScanCard_statusNotStarted__raVqI {
  font-size: 13px; /* Reduced from 14px */
  color: black;
}

.DynamicScanCard_statusVerticalBars__KGLpV {
  display: flex;
  align-items: flex-end;
  height: 18px; /* Reduced from 20px */
  gap: 2px;
}

.DynamicScanCard_statusBar__FKLo5 {
  width: 3px;
  background-color: #4caf50;
  animation: DynamicScanCard_bounce__n16bz 1.2s ease-in-out infinite;
}

.DynamicScanCard_statusBar__FKLo5:nth-child(1) {
  height: 60%;
  animation-delay: 0s;
}

.DynamicScanCard_statusBar__FKLo5:nth-child(2) {
  height: 80%;
  animation-delay: 0.1s;
}

.DynamicScanCard_statusBar__FKLo5:nth-child(3) {
  height: 100%;
  animation-delay: 0.2s;
}

.DynamicScanCard_statusBar__FKLo5:nth-child(4) {
  height: 80%;
  animation-delay: 0.3s;
}

.DynamicScanCard_statusBar__FKLo5:nth-child(5) {
  height: 60%;
  animation-delay: 0.4s;
}

@keyframes DynamicScanCard_bounce__n16bz {
  0%,
  100% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.5);
  }
}

/* ============ HOSTS LIST ============ */
.DynamicScanCard_hostsContainer__GgmI9 {
  display: flex;
  flex-direction: column;
  gap: 6px; /* Reduced from 8px */
  padding: 6px 10px; /* Reduced from 8px 12px */
}

.DynamicScanCard_hostsList__ZIynJ {
  line-height: 1.5; /* Reduced from 1.6 */
  font-size: 14px; /* Reduced from 15px */
  color: #777;
  font-weight: bold;
}

.DynamicScanCard_hostItem__HJxs9 {
  display: inline;
}

.DynamicScanCard_hostsNoData__uMgUn {
  font-size: 14px; /* Reduced from 15px */
  color: #777;
  font-weight: bold;
}

.DynamicScanCard_hostsToggleButton__GaSxW {
  all: unset;
  cursor: pointer;
  color: #1976d2;
  font-size: 12px; /* Reduced from 13px */
  text-align: left;
  padding-left: 0;
  font-weight: 500;
  margin-top: 4px;
}

.DynamicScanCard_hostsToggleButton__GaSxW:hover {
  text-decoration: underline;
}

.DynamicScanCard_hostsToggleButton__GaSxW:focus {
  outline: 2px solid #1976d2;
  outline-offset: 2px;
}

/* ============ MODALS & MENUS (Keep existing) ============ */
.DynamicScanCard_actionMenuBackdrop__3hkdS {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: transparent;
}

.DynamicScanCard_actionMenu__J-JYu {
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  min-width: 150px;
  padding: 4px 0;
}

.DynamicScanCard_actionMenuItem__5zK\+O {
  all: unset;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px 16px;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  box-sizing: border-box;
}

.DynamicScanCard_actionMenuItem__5zK\+O:hover {
  background-color: #f5f5f5;
}

.DynamicScanCard_actionMenuItem__5zK\+O:focus {
  background-color: #e0e0e0;
  outline: none;
}

.DynamicScanCard_actionMenuIcon__WDNWJ {
  width: 20px;
  height: 20px;
  color: rgba(0, 0, 0, 0.54);
}

.DynamicScanCard_deleteBackdrop__6UMNH {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.DynamicScanCard_deleteDialog__rplkP {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  min-width: 400px;
  max-width: 500px;
  z-index: 1001;
}

.DynamicScanCard_deleteHeader__Bulhb {
  padding: 20px 24px;
  border-bottom: 1px solid #e0e0e0;
}

.DynamicScanCard_deleteTitle__drrZk {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #333;
}

.DynamicScanCard_deleteContent__SL0FS {
  padding: 24px;
}

.DynamicScanCard_deleteContent__SL0FS p {
  margin: 8px 0;
  font-size: 14px;
  color: #666;
}

.DynamicScanCard_deleteScanName__nMSXH {
  font-weight: bold;
  color: #333;
  font-size: 16px;
  margin: 12px 0;
}

.DynamicScanCard_deleteWarning__4vsqW {
  color: #d32f2f;
  font-style: italic;
  margin-top: 16px;
}

.DynamicScanCard_deleteActions__w393h {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
}

.DynamicScanCard_deleteCancelButton__ZJ25r {
  padding: 8px 16px;
  background: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  transition: all 0.2s;
}

.DynamicScanCard_deleteCancelButton__ZJ25r:hover {
  background: #f5f5f5;
  border-color: #999;
}

.DynamicScanCard_deleteConfirmButton__ZuNEv {
  padding: 8px 16px;
  background: #d32f2f;
  border: 1px solid #d32f2f;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  color: white;
  transition: all 0.2s;
}

.DynamicScanCard_deleteConfirmButton__ZuNEv:hover {
  background: #b71c1c;
  border-color: #b71c1c;
}

/* ============ MOBILE SPECIFIC ============ */
.DynamicScanCard_mobileRow1__6UAwT {
  display: flex;
  align-items: center;
  margin-bottom: 10px; /* Reduced from 12px */
}

.DynamicScanCard_mobileProjectName__HaWMx {
  flex: 1 1;
}

.DynamicScanCard_mobileRow2__h2aG4 {
  margin-bottom: 10px; /* Reduced from 12px */
}

.DynamicScanCard_mobileLabel__9f88Z {
  font-size: 11px;
  color: #666;
  display: block;
  margin-bottom: 4px;
}

.DynamicScanCard_mobileTagsWrapper__C1oJD {
  display: flex;
  flex-wrap: wrap;
  gap: 4px; /* Reduced from 6px */
  margin-bottom: 10px; /* Reduced from 12px */
}

.DynamicScanCard_mobileMetricsRow__R3jJp {
  display: flex;
  gap: 4%;
}

.DynamicScanCard_mobileMetricItem__LxWgz {
  width: 48%;
}

.DynamicScanCard_mobileMetricLabel__\+w5wa {
  font-size: 12px;
  color: #666;
  display: block;
  margin-bottom: 4px;
}

.DynamicScanCard_mobileMetricValue__sVuU- {
  font-size: 15px; /* Reduced from 16px */
  font-weight: 700;
  color: #000;
}

.DynamicScanCard_mobileRow3__ENI-o {
  margin-bottom: 12px; /* Reduced from 16px */
}

.DynamicScanCard_mobileStatusLabel__quWW5 {
  font-size: 12px;
  color: #666;
  display: block;
  margin-bottom: 6px;
}

.DynamicScanCard_mobileStatusValue__aj2Rj {
  padding: 6px 10px; /* Reduced from 8px 12px */
  background: #f0f7ff;
  border-left: 4px solid #1976d2;
  border-radius: 4px;
  width: 100%;
  font-weight: 600;
  font-size: 13px; /* Reduced from 14px */
}

/* ============ RESPONSIVE BREAKPOINTS ============ */

/* LARGE DESKTOP - Above 1440px - CONSISTENT WITH LAPTOP */
@media screen and (min-width: 1440px) {
  .DynamicScanCard_summaryContent__5N9m1 {
    gap: 0.75rem;
    grid-template-columns:
      auto minmax(150px, 1fr) minmax(110px, 140px) minmax(90px, 110px)
      minmax(90px, 110px) minmax(110px, 140px) auto;
  }

  .DynamicScanCard_actionsContainer__qNNZ5 {
    gap: 6px;
  }
}

/* DESKTOP - 1200px to 1440px */
@media screen and (min-width: 1200px) and (max-width: 1439px) {
  .DynamicScanCard_summaryContent__5N9m1 {
    grid-template-columns:
      auto minmax(130px, 1fr) minmax(90px, 130px) minmax(85px, 105px)
      minmax(85px, 105px) minmax(100px, 130px) auto;
    gap: 0.65rem;
  }
}

/* TABLET - 768px to 1199px */
@media screen and (max-width: 1199px) {
  .DynamicScanCard_summaryContent__5N9m1 {
    gap: 0.5rem;
    grid-template-columns:
      auto minmax(100px, 140px) minmax(75px, 110px) minmax(70px, 90px)
      minmax(70px, 90px) minmax(90px, 120px) auto;
  }

  .DynamicScanCard_actionsContainer__qNNZ5 {
    gap: 5px;
    padding-left: 0.5rem;
  }

  .DynamicScanCard_detailsRight__imoJa {
    gap: 1.5rem;
  }

  .DynamicScanCard_accordionDetails__sC\+nf {
    padding: 10px 1.5rem 12px;
  }

  .DynamicScanCard_infoLabel__V2oom {
    font-size: 12px;
  }

  .DynamicScanCard_infoValue__prxy4 {
    font-size: 13px;
  }

  .DynamicScanCard_iconButton__K8U\+3 svg {
    width: 16px;
    height: 16px;
  }

  .DynamicScanCard_indicatorCount__N82mN,
  .DynamicScanCard_indicatorLabel__ETBRD {
    width: 18px;
    height: 18px;
    font-size: 10px;
  }
}

/* MOBILE - Below 768px */
@media screen and (max-width: 768px) {
  .DynamicScanCard_root__zX-AC {
    font-size: 13px;
  }

  .DynamicScanCard_accordionBlock__Yrd9K {
    margin: 0.4rem 0;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  }

  .DynamicScanCard_accordionBlock__Yrd9K:hover {
    border: 1px solid rgba(192, 192, 192, 0.5);
  }

  .DynamicScanCard_accordionSummary__sSMsJ {
    padding: 0;
    display: block;
    cursor: default;
    min-height: auto;
  }

  .DynamicScanCard_summaryContent__5N9m1 {
    display: block;
  }

  .DynamicScanCard_expandIconContainer__scBPn {
    padding: 4px;
    margin-right: 4px;
  }

  .DynamicScanCard_expandIcon__\+pRuD {
    width: 14px;
    height: 14px;
  }

  .DynamicScanCard_checkbox__xk1Nt {
    margin-right: 6px;
  }

  .DynamicScanCard_projectLink__JpPBr {
    font-size: 15px;
    font-weight: 600;
  }

  .DynamicScanCard_tagsContainer__9ewL\+ {
    gap: 4px;
  }

  .DynamicScanCard_actionsContainer__qNNZ5 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
    padding-top: 10px;
    padding-left: 0;
    border-top: 1px solid #e9ecef;
  }

  .DynamicScanCard_iconButton__K8U\+3 {
    padding: 6px;
    border-radius: 6px;
  }

  .DynamicScanCard_iconButton__K8U\+3 svg {
    width: 18px;
    height: 18px;
  }

  .DynamicScanCard_indicatorsContainer__jR5c0 {
    gap: 3px;
  }

  .DynamicScanCard_indicatorBadge__6ad7Y {
    border-radius: 4px;
  }

  .DynamicScanCard_indicatorCount__N82mN,
  .DynamicScanCard_indicatorLabel__ETBRD {
    width: 22px;
    height: 22px;
    font-size: 11px;
  }

  .DynamicScanCard_accordionDetails__sC\+nf {
    padding: 12px 0 0;
    background: transparent;
    border-top: 1px solid #e9ecef;
    margin-top: 12px;
  }

  .DynamicScanCard_detailsHeader__GvJp6 {
    display: none;
  }

  .DynamicScanCard_detailsLeft__LFFqM {
    width: 100%;
    padding: 0;
    margin-bottom: 16px;
  }

  .DynamicScanCard_hostsContainer__GgmI9 {
    padding: 10px;
    background: #f8f9fa;
    border-radius: 6px;
    border-left: 3px solid #1976d2;
  }

  .DynamicScanCard_hostsContainer__GgmI9::before {
    content: 'Hosts';
    display: block;
    font-size: 11px;
    color: #666;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
  }

  .DynamicScanCard_detailsContent__JYoMC {
    display: block;
    padding: 0;
  }

  .DynamicScanCard_detailsRight__imoJa {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .DynamicScanCard_detailsRight__imoJa > span {
    padding: 10px;
    background: #f8f9fa;
    border-radius: 6px;
    border-left: 3px solid #1976d2;
    font-size: 13px;
  }

  .DynamicScanCard_detailsRight__imoJa > span::before {
    font-size: 11px;
    text-transform: uppercase;
    color: #666;
    font-weight: 600;
    letter-spacing: 0.5px;
  }

  .DynamicScanCard_detailsRight__imoJa > span:nth-child(1)::before {
    content: 'Description';
  }

  /* .detailsRight > span:nth-child(2)::before {
    content: 'Parent';
  } */

  .DynamicScanCard_detailsRight__imoJa > span:nth-child(2)::before {
    content: 'Last Scan';
  }

  .DynamicScanCard_separator__Ao6j9 {
    display: none;
  }

  .DynamicScanCard_refreshContainer__jwqG6 {
    margin: 12px 0;
  }

  .DynamicScanCard_refreshButton__lhHcJ {
    padding: 6px;
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
  }

  .DynamicScanCard_tableContainer__LHgsL {
    margin-top: 12px;
  }

  .DynamicScanCard_deleteDialog__rplkP {
    min-width: 90%;
    max-width: 90%;
  }
}

/* SMALL MOBILE - Below 480px */
@media screen and (max-width: 480px) {
  .DynamicScanCard_accordionBlock__Yrd9K {
    padding: 10px;
    margin: 0.3rem 0;
  }

  .DynamicScanCard_projectLink__JpPBr {
    font-size: 14px;
  }

  .DynamicScanCard_mobileMetricValue__sVuU- {
    font-size: 14px;
  }

  .DynamicScanCard_iconButton__K8U\+3 {
    padding: 5px;
  }

  .DynamicScanCard_iconButton__K8U\+3 svg {
    width: 16px;
    height: 16px;
  }

  .DynamicScanCard_indicatorCount__N82mN,
  .DynamicScanCard_indicatorLabel__ETBRD {
    width: 20px;
    height: 20px;
    font-size: 10px;
  }
}

/* Container */
.IamUserVerification_container__eqUwZ {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  padding: 20px;
  position: relative;
  overflow: hidden;
}

/* Card */
.IamUserVerification_card__FfVDj {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 48px;
  width: 100%;
  max-width: 440px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  position: relative;
  z-index: 10;
  animation: IamUserVerification_cardSlideUp__Ab8VI 0.6s ease-out;
}

@keyframes IamUserVerification_cardSlideUp__Ab8VI {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Logo Section */
.IamUserVerification_logoSection__LmxQo {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
}

.IamUserVerification_logo__EHZ9u {
  width: 56px;
  height: 56px;
  background: #000000;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  margin-bottom: 16px;
}

.IamUserVerification_logo__EHZ9u svg {
  width: 28px;
  height: 28px;
}

.IamUserVerification_brandName__Ncrf7 {
  font-size: 24px;
  font-weight: 700;
  color: #000000;
  letter-spacing: -0.5px;
  margin: 0;
}

/* State Container */
.IamUserVerification_stateContainer__Kchjj {
  text-align: center;
  animation: IamUserVerification_fadeIn__gExFx 0.4s ease-out 0.2s both;
}

@keyframes IamUserVerification_fadeIn__gExFx {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.IamUserVerification_title__wFlLF {
  font-size: 22px;
  font-weight: 600;
  color: #000000;
  margin: 0 0 12px 0;
  letter-spacing: -0.3px;
}

.IamUserVerification_description__eVccI {
  font-size: 15px;
  color: #666666;
  line-height: 1.6;
  padding: 0 0 10px 0;
}

/* Loader */
.IamUserVerification_loaderWrapper__dyKR9 {
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}

.IamUserVerification_loader__HgK3- {
  width: 80px;
  height: 80px;
  position: relative;
}

.IamUserVerification_loaderRing__kGBku {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 3px solid transparent;
}

.IamUserVerification_loaderRing__kGBku:nth-child(1) {
  border-top-color: #000000;
  animation: IamUserVerification_spin__\+2ep6 1.2s linear infinite;
}

.IamUserVerification_loaderRing__kGBku:nth-child(2) {
  border-right-color: #333333;
  animation: IamUserVerification_spin__\+2ep6 1.2s linear infinite 0.2s;
  width: 70%;
  height: 70%;
  top: 15%;
  left: 15%;
}

.IamUserVerification_loaderRing__kGBku:nth-child(3) {
  border-bottom-color: #666666;
  animation: IamUserVerification_spin__\+2ep6 1.2s linear infinite 0.4s;
  width: 40%;
  height: 40%;
  top: 30%;
  left: 30%;
}

@keyframes IamUserVerification_spin__\+2ep6 {
  to {
    transform: rotate(360deg);
  }
}

/* Progress Bar */
.IamUserVerification_progressBar__ua03u {
  width: 100%;
  height: 4px;
  background: #e5e5e5;
  border-radius: 2px;
  overflow: hidden;
}

.IamUserVerification_progressFill__YpJjy {
  height: 100%;
  width: 30%;
  background: #000000;
  border-radius: 2px;
  animation: IamUserVerification_progressMove__BCibB 2s ease-in-out infinite;
}

@keyframes IamUserVerification_progressMove__BCibB {
  0% {
    width: 0%;
    margin-left: 0%;
  }
  50% {
    width: 60%;
    margin-left: 20%;
  }
  100% {
    width: 0%;
    margin-left: 100%;
  }
}

/* Icon Wrapper */
.IamUserVerification_iconWrapper__4mRmo {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}

/* Success Icon */
.IamUserVerification_successIcon__F35-X {
  width: 60px;
  height: 60px;
  background: #16a34a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  position: relative;
  z-index: 2;
  animation: IamUserVerification_scaleIn__vreHw 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.IamUserVerification_successIcon__F35-X svg {
  width: 40px;
  height: 40px;
}

.IamUserVerification_checkmark__v-2B\+ {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  animation: IamUserVerification_drawCheck__GNbo5 0.6s ease-out 0.3s forwards;
}

@keyframes IamUserVerification_drawCheck__GNbo5 {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes IamUserVerification_scaleIn__vreHw {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

.IamUserVerification_successRipple__B5kuM {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.15);
  animation: IamUserVerification_ripple__MPWm1 1.5s ease-out infinite;
}

@keyframes IamUserVerification_ripple__MPWm1 {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

/* Error Icon */
.IamUserVerification_errorIcon__dtFk1 {
  width: 60px;
  height: 60px;
  background: #d32f2f;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  animation: IamUserVerification_shake__DVQpx 0.5s ease-in-out;
}

.IamUserVerification_errorIcon__dtFk1 svg {
  width: 36px;
  height: 36px;
}

@keyframes IamUserVerification_shake__DVQpx {
  0%,
  100% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-8px);
  }
  40% {
    transform: translateX(8px);
  }
  60% {
    transform: translateX(-6px);
  }
  80% {
    transform: translateX(6px);
  }
}

/* Error Details */
.IamUserVerification_errorDetails__bUDYW {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 28px;
  text-align: left;
}

.IamUserVerification_errorDetails__bUDYW svg {
  width: 20px;
  height: 20px;
  color: #dc2626;
  flex-shrink: 0;
  margin-top: 2px;
}

.IamUserVerification_errorDetails__bUDYW span {
  font-size: 14px;
  color: #991b1b;
  line-height: 1.5;
}

/* Buttons */
.IamUserVerification_buttonGroup__\+Zuol {
  display: flex;
  gap: 12px;
}

.IamUserVerification_primaryButton__vPmsO {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 24px;
  background: #000000;
  border: none;
  border-radius: 12px;
  color: white;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.IamUserVerification_primaryButton__vPmsO:hover {
  background: #333333;
  transform: translateY(-2px);
}

.IamUserVerification_primaryButton__vPmsO:active {
  transform: translateY(0);
}

.IamUserVerification_primaryButton__vPmsO svg {
  width: 18px;
  height: 18px;
}

.IamUserVerification_secondaryButton__7Ye3d {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 24px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  color: #000000;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.IamUserVerification_secondaryButton__7Ye3d:hover {
  background: #f5f5f5;
  border-color: #cccccc;
}

.IamUserVerification_secondaryButton__7Ye3d svg {
  width: 18px;
  height: 18px;
}

/* Footer */
.IamUserVerification_footer__aJo-n {
  margin-top: 36px;
  padding-top: 24px;
  border-top: 1px solid #e5e5e5;
  text-align: center;
}

.IamUserVerification_footer__aJo-n p {
  margin: 0;
  font-size: 14px;
  color: #666666;
}

.IamUserVerification_footer__aJo-n a {
  color: #000000;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}

.IamUserVerification_footer__aJo-n a:hover {
  color: #333333;
  text-decoration: underline;
}

/* Background Decoration - Hidden */
.IamUserVerification_bgDecoration__OVO99 {
  display: none;
}

.IamUserVerification_bgCircle1__2m\+Rn,
.IamUserVerification_bgCircle2__sS97e,
.IamUserVerification_bgCircle3__mAYZm {
  display: none;
}

/* Responsive */
@media (max-width: 480px) {
  .IamUserVerification_card__FfVDj {
    padding: 32px 24px;
    border-radius: 16px;
  }

  .IamUserVerification_logo__EHZ9u {
    width: 48px;
    height: 48px;
  }

  .IamUserVerification_logo__EHZ9u svg {
    width: 24px;
    height: 24px;
  }

  .IamUserVerification_brandName__Ncrf7 {
    font-size: 20px;
  }

  .IamUserVerification_title__wFlLF {
    font-size: 20px;
  }

  .IamUserVerification_description__eVccI {
    font-size: 14px;
    margin-bottom: 0.75rem;
  }

  .IamUserVerification_loader__HgK3-,
  .IamUserVerification_successIcon__F35-X,
  .IamUserVerification_errorIcon__dtFk1,
  .IamUserVerification_successRipple__B5kuM {
    width: 64px;
    height: 64px;
  }

  .IamUserVerification_successIcon__F35-X svg {
    width: 32px;
    height: 32px;
  }

  .IamUserVerification_errorIcon__dtFk1 svg {
    width: 28px;
    height: 28px;
  }

  .IamUserVerification_buttonGroup__\+Zuol {
    flex-direction: column;
  }

  .IamUserVerification_primaryButton__vPmsO,
  .IamUserVerification_secondaryButton__7Ye3d {
    padding: 12px 20px;
    font-size: 14px;
  }
}

.select_input{
width: 100%;
}

.label_input{
    margin-bottom: 0 !important;
    width: 100%;
}
.login-badge {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: linear-gradient(to right, #f8fafc, #e0f2fe);
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  transition:
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.login-badge:hover {
  border-color: #60a5fa;
  box-shadow: 0 2px 6px rgba(96, 165, 250, 0.15);
}

.login-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background-color: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.icon {
  width: 20px;
  height: 20px;
}

/* Color variants */
.icon.google {
  color: #ea4335;
}

.icon.github {
  color: #333;
}

.icon.microsoft {
  color: #0078d4;
}

.icon.email {
  color: #2563eb;
}

.login-details .login-label {
  font-size: 12px;
  color: #64748b;
  margin: 0;
  font-weight: 500;
}

.login-details .login-name {
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
}

/* ActivityList.module.css */

.ActivityList_timeline__VDe34 {
  position: relative;
  padding: 0px 0 16px 40px;
}

.ActivityList_timelineItem__\+BtEC {
  position: relative;
  padding-bottom: 32px;
}

.ActivityList_timelineItem__\+BtEC:last-child {
  padding-bottom: 0;
}

.ActivityList_timelineLine__lROHt {
  position: absolute;
  left: -24px;
  top: 40px;
  bottom: -8px;
  width: 2px;
  background: #e2e8f0;
}

.ActivityList_timelineMarkerContainer__0WhBy {
  position: absolute;
  left: -40px;
  top: 0;
}

.ActivityList_timelineMarker__0pJVC {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f1f5f9;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  transition: all 0.2s ease;
}

.ActivityList_timelineMarker__0pJVC:hover {
  background: #e2e8f0;
  transform: scale(1.1);
}

/* Success - Category 1 (Sign In) */
.ActivityList_timelineMarker__0pJVC[data-category='1'] {
  background: #dcfce7;
  color: #16a34a;
}

/* Failed/Error - Category 2 (Exclamation/Error) - RED */
.ActivityList_timelineMarker__0pJVC[data-category='2'] {
  background: #fee2e2;
  color: #dc2626;
}

.ActivityList_timelineMarker__0pJVC[data-category='2']:hover {
  background: #fecaca;
}

/* User Added - Category 3 */
.ActivityList_timelineMarker__0pJVC[data-category='3'] {
  background: #dbeafe;
  color: #2563eb;
}

/* User Removed - Category 4 */
.ActivityList_timelineMarker__0pJVC[data-category='4'] {
  background: #fef3c7;
  color: #f59e0b;
}

/* User Blocked/Times - Category 5 */
.ActivityList_timelineMarker__0pJVC[data-category='5'] {
  background: #ffe4e6;
  color: #e11d48;
}

/* Users/Group - Category 6 */
.ActivityList_timelineMarker__0pJVC[data-category='6'] {
  background: #e0e7ff;
  color: #6366f1;
}

/* Settings/Config - Category 7 */
.ActivityList_timelineMarker__0pJVC[data-category='7'] {
  background: #f3e8ff;
  color: #a855f7;
}

/* Plus/Add - Category 8 */
.ActivityList_timelineMarker__0pJVC[data-category='8'] {
  background: #ccfbf1;
  color: #14b8a6;
}

/* Edit - Category 9 */
.ActivityList_timelineMarker__0pJVC[data-category='9'] {
  background: #ddd6fe;
  color: #8b5cf6;
}

/* Delete/Trash - Category 10 - RED */
.ActivityList_timelineMarker__0pJVC[data-category='10'] {
  background: #fee2e2;
  color: #dc2626;
}

.ActivityList_timelineMarker__0pJVC[data-category='10']:hover {
  background: #fecaca;
}

/* Download - Category 11 */
.ActivityList_timelineMarker__0pJVC[data-category='11'] {
  background: #fef9c3;
  color: #ca8a04;
}

.ActivityList_timelineContent__4YMOp {
  padding-left: 8px;
  min-height: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ActivityList_timelineName__1P6Ss {
  color: #1e293b;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 4px;
  line-height: 1.5;
}

.ActivityList_timelineDetails__e-ujo {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 4px;
}

.ActivityList_detailItem__W0e0M {
  color: #475569;
  font-size: 13px;
  line-height: 1.5;
}

.ActivityList_timelineTime__pOmPw {
  color: #64748b;
  font-size: 12px;
  margin-top: 8px;
  font-weight: 500;
}

.ActivityList_emptyState__ZmpfG {
  text-align: center;
  padding: 64px 24px;
  color: #64748b;
}

.ActivityList_emptyState__ZmpfG h5 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  color: #475569;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .ActivityList_timeline__VDe34 {
    padding-left: 32px;
  }

  .ActivityList_timelineMarkerContainer__0WhBy {
    left: -32px;
  }

  .ActivityList_timelineLine__lROHt {
    left: -16px;
  }

  .ActivityList_timelineMarker__0pJVC {
    width: 28px;
    height: 28px;
  }

  .ActivityList_timelineName__1P6Ss {
    font-size: 14px;
  }

  .ActivityList_detailItem__W0e0M {
    font-size: 12px;
  }
}

.ActivityLog_container__icBbZ {
  width: 100%;
  display: flex;
}

.ActivityLog_card__-B8ye {
  background: white;
  border-radius: 8px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #e5e7eb;
}

.ActivityLog_cardTitle__d66hh {
  color: #111827;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 24px 0;
}

.ActivityLog_body__lo2\+N {
  max-height: 31rem;
  overflow-y: auto;
}

.ActivityLog_loader__0FGwf {
  display: flex;
  justify-content: center;
  padding: 20px;
}

.ActivityLog_loadingWrapper__v7Vjj {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}

.ActivityLog_noDataWrapper__2cQir {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  min-height: 300px;
}

@media (max-width: 768px) {
  .ActivityLog_card__-B8ye {
    padding: 24px;
  }
}

.BillingDetails_container__JOpVe {
  width: 100%;
}

.BillingDetails_card__A3Typ {
  background: white;
  padding: 1.5rem;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}

.BillingDetails_cardTitle__AeoRH {
  color: #111827;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 24px 0;
}

.BillingDetails_loadingContainer__0E-F8 {
  min-height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.BillingDetails_formGroup__m1jPq {
  margin-bottom: 16px;
}

/* Two column layout - State/Province + Postal Code OR Emirates + Postal Code */
.BillingDetails_formRow2Col__7L7Jj {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  gap: 1rem;
  margin-bottom: 5px;
}

/* Checkbox + Tax ID in same row (2 columns) */
.BillingDetails_checkboxRow__EaaAA {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  gap: 1rem;
  align-items: start;
  margin-bottom: 10px;
}

.BillingDetails_formLabel__P4ZsN {
  display: block;
  color: #374151;
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.BillingDetails_required__CEIUR {
  color: #dc2626;
}

.BillingDetails_checkboxWrapper__uG1EY {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.3rem; /* Align with input field height */
}

.BillingDetails_checkbox__9li-n {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  flex-shrink: 0;
  margin-bottom: 14px;
}

.BillingDetails_checkboxLabel__kupwT {
  color: #374151;
  font-size: 0.875rem;
  cursor: pointer;
  margin-bottom: 14px;
}

.BillingDetails_buttonGroup__1aE5Z {
  display: flex;
  justify-content: flex-end;
  padding-top: 12px;
  border-top: 1px solid #e5e7eb;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
  .BillingDetails_card__A3Typ {
    padding: 1.25rem;
  }

  .BillingDetails_formRow2Col__7L7Jj,
  .BillingDetails_checkboxRow__EaaAA {
    grid-template-columns: 1fr;
  }

  .BillingDetails_checkboxWrapper__uG1EY {
    padding-top: 0;
  }

  .BillingDetails_cardTitle__AeoRH {
    font-size: 1rem;
  }

  .BillingDetails_buttonGroup__1aE5Z {
    justify-content: stretch;
  }

  .BillingDetails_buttonGroup__1aE5Z > * {
    width: 100%;
  }

  .BillingDetails_formGroup__m1jPq {
    margin-bottom: 12px;
  }
}

@media (max-width: 480px) {
  .BillingDetails_card__A3Typ {
    padding: 1rem;
  }

  .BillingDetails_cardTitle__AeoRH {
    font-size: 0.95rem;
    margin-bottom: 1rem;
  }

  .BillingDetails_formGroup__m1jPq {
    margin-bottom: 14px;
  }

  .BillingDetails_formLabel__P4ZsN {
    font-size: 0.8125rem;
    margin-bottom: 0.4rem;
  }

  .BillingDetails_checkboxLabel__kupwT {
    font-size: 0.8125rem;
  }

  .BillingDetails_checkboxWrapper__uG1EY {
    gap: 0.4rem;
  }

  .BillingDetails_buttonGroup__1aE5Z {
    padding-top: 10px;
  }

  .BillingDetails_formRow2Col__7L7Jj,
  .BillingDetails_checkboxRow__EaaAA {
    margin-bottom: 5px;
  }
}

@media (max-width: 320px) {
  .BillingDetails_card__A3Typ {
    padding: 0.75rem;
  }

  .BillingDetails_cardTitle__AeoRH {
    font-size: 0.875rem;
    margin-bottom: 0.875rem;
  }

  .BillingDetails_formGroup__m1jPq {
    margin-bottom: 12px;
  }

  .BillingDetails_formLabel__P4ZsN {
    font-size: 0.75rem;
    margin-bottom: 0.375rem;
  }

  .BillingDetails_checkboxLabel__kupwT {
    font-size: 0.75rem;
  }

  .BillingDetails_checkboxWrapper__uG1EY {
    gap: 0.375rem;
  }

  .BillingDetails_checkbox__9li-n {
    width: 0.875rem;
    height: 0.875rem;
  }

  .BillingDetails_buttonGroup__1aE5Z {
    padding-top: 8px;
  }

  .BillingDetails_formRow2Col__7L7Jj,
  .BillingDetails_checkboxRow__EaaAA {
    margin-bottom: 10px;
  }
}

.CompanyDetails_container__By4XW {
  width: 100%;
}

.CompanyDetails_card__wBkLP {
  background: white;
  padding: 1.5rem;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}

.CompanyDetails_cardTitle__-H1iw {
  color: #111827;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 24px 0;
}

.CompanyDetails_formRow__5MzRd {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  gap: 1rem;
}

.CompanyDetails_formGroup__we9fv {
  margin-bottom: 1.25rem;
}

/* Logo Section */
.CompanyDetails_logoSection__e4Uqw {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 1rem 0;
  padding: 0.75rem 1rem;
  background: #f9fafb;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}

.CompanyDetails_logoHeader__NcEU2 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.CompanyDetails_logoLabel__FfhYG {
  color: #374151;
  font-size: 0.875rem;
  font-weight: 600;
}

.CompanyDetails_logoPreview__0Q0Sa {
  width: 140px;
  height: 80px;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  background: white;
}

.CompanyDetails_logoThumb__ORPGx {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 4px;
}

.CompanyDetails_logoActions__3sCKg {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.CompanyDetails_iconButton__PbaDh {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #6b7280;
  font-size: 18px;
}

.CompanyDetails_iconButton__PbaDh:hover {
  background: #f3f4f6;
  border-color: #3b82f6;
  color: #3b82f6;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(59, 130, 246, 0.2);
}

.CompanyDetails_iconButton__PbaDh.CompanyDetails_deleteIcon__Ro2OH:hover {
  background: #fef2f2;
  border-color: #ef4444;
  color: #ef4444;
  box-shadow: 0 2px 4px rgba(239, 68, 68, 0.2);
}

/* Logo Uploader inside Dialog */
.CompanyDetails_uploaderContainer__tCfI2 {
  padding: 1rem 0;
}

.CompanyDetails_logoUploadArea__5CwPx {
  width: 100%;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: repeating-linear-gradient(
    45deg,
    #fafafa,
    #fafafa 10px,
    #ffffff 10px,
    #ffffff 20px
  );
  border: 2px dashed #e5e7eb;
  border-radius: 8px;
  transition: all 0.3s;
  cursor: pointer;
}

.CompanyDetails_logoUploadArea__5CwPx:hover {
  border-color: #3b82f6;
  background: #f8fafc;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.CompanyDetails_uploadTextContainer__LLHFQ {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  text-align: center;
  padding: 0 1rem;
}

.CompanyDetails_uploadIcon__cpWTV {
  font-size: 48px;
  opacity: 0.5;
}

.CompanyDetails_uploadText__D0tFy {
  color: #374151;
  font-size: 14px;
  font-weight: 500;
}

.CompanyDetails_uploadSubtext__YIAmB {
  color: #9ca3af;
  font-size: 12px;
}

.CompanyDetails_logoImage__VNNk2 {
  max-width: 90%;
  max-height: 280px;
  border-radius: 8px;
  object-fit: contain;
  background: white;
  padding: 1rem;
}

.CompanyDetails_buttonGroup__2lmwp {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
  margin-top: 1rem;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
  .CompanyDetails_card__wBkLP {
    padding: 1.25rem;
  }

  .CompanyDetails_formRow__5MzRd {
    grid-template-columns: 1fr;
  }

  .CompanyDetails_logoUploadArea__5CwPx {
    height: 220px;
  }

  .CompanyDetails_logoSection__e4Uqw {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.65rem 0.85rem;
  }

  .CompanyDetails_logoHeader__NcEU2 {
    width: 100%;
  }

  .CompanyDetails_logoActions__3sCKg {
    width: 100%;
    justify-content: flex-end;
  }

  .CompanyDetails_cardTitle__-H1iw {
    font-size: 1rem;
  }

  .CompanyDetails_buttonGroup__2lmwp {
    justify-content: stretch;
  }

  .CompanyDetails_buttonGroup__2lmwp > * {
    width: 100%;
  }

  .CompanyDetails_formGroup__we9fv {
    margin-bottom: 1rem;
  }
}

@media (max-width: 480px) {
  .CompanyDetails_card__wBkLP {
    padding: 1rem;
  }

  .CompanyDetails_cardTitle__-H1iw {
    font-size: 0.95rem;
    margin-bottom: 1rem;
  }

  .CompanyDetails_formGroup__we9fv {
    margin-bottom: 0.85rem;
  }

  .CompanyDetails_logoSection__e4Uqw {
    padding: 0.5rem 0.75rem;
  }

  .CompanyDetails_logoLabel__FfhYG {
    font-size: 0.8125rem;
  }

  .CompanyDetails_logoPreview__0Q0Sa {
    width: 32px;
    height: 32px;
  }

  .CompanyDetails_iconButton__PbaDh {
    width: 32px;
    height: 32px;
    font-size: 16px;
  }

  .CompanyDetails_logoUploadArea__5CwPx {
    height: 200px;
  }

  .CompanyDetails_uploadIcon__cpWTV {
    font-size: 36px;
  }

  .CompanyDetails_uploadText__D0tFy {
    font-size: 13px;
  }

  .CompanyDetails_uploadSubtext__YIAmB {
    font-size: 11px;
  }

  .CompanyDetails_buttonGroup__2lmwp {
    padding-top: 12px;
  }
}

@media (max-width: 320px) {
  .CompanyDetails_card__wBkLP {
    padding: 0.75rem;
  }

  .CompanyDetails_cardTitle__-H1iw {
    font-size: 0.875rem;
    margin-bottom: 0.875rem;
  }

  .CompanyDetails_formGroup__we9fv {
    margin-bottom: 0.75rem;
  }

  .CompanyDetails_formRow__5MzRd {
    gap: 0.75rem;
  }

  .CompanyDetails_logoSection__e4Uqw {
    padding: 0.4rem 0.6rem;
  }

  .CompanyDetails_logoLabel__FfhYG {
    font-size: 0.75rem;
  }

  .CompanyDetails_logoHeader__NcEU2 {
    gap: 0.75rem;
  }

  .CompanyDetails_logoPreview__0Q0Sa {
    width: 28px;
    height: 28px;
  }

  .CompanyDetails_logoThumb__ORPGx {
    padding: 3px;
  }

  .CompanyDetails_logoActions__3sCKg {
    gap: 0.375rem;
  }

  .CompanyDetails_iconButton__PbaDh {
    width: 28px;
    height: 28px;
    font-size: 14px;
  }

  .CompanyDetails_logoUploadArea__5CwPx {
    height: 180px;
  }

  .CompanyDetails_uploadIcon__cpWTV {
    font-size: 32px;
  }

  .CompanyDetails_uploadText__D0tFy {
    font-size: 12px;
  }

  .CompanyDetails_uploadSubtext__YIAmB {
    font-size: 10px;
  }

  .CompanyDetails_uploadTextContainer__LLHFQ {
    gap: 0.5rem;
    padding: 0 0.75rem;
  }

  .CompanyDetails_logoImage__VNNk2 {
    max-height: 160px;
    padding: 0.75rem;
  }

  .CompanyDetails_buttonGroup__2lmwp {
    padding-top: 10px;
    margin-top: 0.75rem;
    gap: 0.375rem;
  }
}

.MyAccount_loadingContainer__-zPtM {
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ===== LEFT COLUMN: Profile Summary Card (Sticky) ===== */
.MyAccount_profileSummaryCard__iWOgt {
  background: white;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: -webkit-fit-content;
  height: fit-content;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

/* Avatar Section with Menu */
.MyAccount_profileAvatarSection__eIxA3 {
  margin-bottom: 14px;
  position: relative;
}

.MyAccount_avatarLarge__3u7sa {
  width: 120px !important;
  height: 120px !important;
  font-size: 48px !important;
  /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; */
  border: 4px solid white !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Three Dot Menu Container - positioned bottom-right */
.MyAccount_avatarMenuContainer__9unA7 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
}

/* Three Dot Menu Button */
.MyAccount_avatarMenuButton__dqu9O {
  background: white;
  border: 2px solid #e5e7eb;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease;
}

.MyAccount_avatarMenuButton__dqu9O:hover {
  background: #f3f4f6;
  transform: scale(1.05);
}

.MyAccount_menuDot__g90-W {
  width: 4px;
  height: 4px;
  background: #6b7280;
  border-radius: 50%;
}

/* Dropdown Menu */
.MyAccount_avatarDropdownMenu__N-K-O {
  position: absolute;
  top: 42px;
  left: 0px;
  background: white;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border: 1px solid #e5e7eb;
  min-width: 125px;
  overflow: hidden;
  z-index: 10000;
  padding: 0.5rem;
}
.MyAccount_menuItem__OkNCp {
  width: 100%;
  padding: 6px;
  background: white;
  border: none;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #374151;
  cursor: pointer;
  transition: background 0.2s ease;
  text-align: left;
}

.MyAccount_menuItem__OkNCp:hover {
  background: #f9fafb;
}

.MyAccount_menuItem__OkNCp:active {
  background: #f3f4f6;
}

/* Full Name Section with Edit */
.MyAccount_profileFullNameSection__7CtJJ {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  width: 100%;
  justify-content: center;
}

.MyAccount_profileFullName__dHgjE {
  color: #111827;
  font-size: 20px;
  font-weight: 700;
  margin: 0px;
  text-align: center;
}

.MyAccount_profileEmailSection__P6EzJ {
  margin-bottom: 8px;
  text-align: center;
  padding: 0 16px;
}

.MyAccount_profileEmailText__j3dYX {
  font-size: 14px;
  color: #4b5563;
  word-break: break-all;
}

.MyAccount_profileBadgeWrapper__cO1Ht {
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.MyAccount_adminBadge__rE\+sZ {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  background: #dbeafe;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  color: #1e40af;
}

.MyAccount_badgeDot__\+7p\+5 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #3b82f6;
}

.MyAccount_accountCreatedInfo__WHdoL {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 24px;
}

.MyAccount_calendarIcon__ZFj29 {
  width: 16px;
  height: 16px;
}

.MyAccount_profileFormFields__8HhkT {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* ===== RIGHT COLUMN: Scrollable Content ===== */
.MyAccount_rightScrollContent__ph2BZ {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 0.85rem;
  overflow-y: auto;
  height: 100%;
}

/* Account Information Card */
.MyAccount_accountInfoCard__cl2r\+ {
  background: white;
  padding: 1.5rem;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}

/* Billing Card Wrapper */
.MyAccount_billingCardWrapper__Ti3i2 {
  width: 100%;
}

/* Company Section */
.MyAccount_companySection__9AVvY {
  width: 100%;
}

/* Activity Section */
.MyAccount_activitySection__-6enM {
  width: 100%;
  display: flex;
}

.MyAccount_cardTitle__Fg4Pd {
  color: #111827;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 24px 0;
}

.MyAccount_formRow__5Prqm {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
  gap: 16px;
}

.MyAccount_formGroup__02QwG {
  margin-bottom: 12px;
}

.MyAccount_errorMsg__1hKMA {
  color: #dc2626;
  font-size: 14px;
  margin-bottom: 16px;
  padding: 12px;
  background: #fee2e2;
  border: 1px solid #fecaca;
  border-radius: 8px;
}

.MyAccount_buttonGroup__C5p9j {
  display: flex;
  justify-content: flex-end;
  margin: 0;
}

/* ===== DELETE ACCOUNT SECTION (GitHub Style) ===== */
.MyAccount_deleteAccountSection__-1AW3 {
  width: 100%;
  margin-top: 10px;
  /* margin-bottom: 0px; */
}

.MyAccount_deleteAccountCard__xgYHJ {
  background: white;
  border-radius: 8px;
  padding: 1.5rem;
  border: 1px solid #e5e7eb;
}

.MyAccount_deleteAccountTitle__uVVdt {
  color: #dc2626;
  font-size: 18px;
  font-weight: 700;
  /* margin: 0 0 12px 0; */
}

.MyAccount_deleteAccountWarning__jeU-p {
  color: #6b7280;
  font-size: 14px;
  margin: 0 0 20px 0;
  line-height: 1.5;
}

.MyAccount_deleteAccountExpanded__pszGJ {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 16px;
}

.MyAccount_deleteAccountWarning__jeU-p {
  margin: 14px 0;
}

.MyAccount_confirmDeleteSection__H9o0X {
  padding: 0 0 1rem 0;
}

.MyAccount_confirmLabel__SiTAm {
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}

.MyAccount_confirmLabel__SiTAm strong {
  font-weight: 700;
  color: #111827;
}
.MyAccount_deleteMarkers__wXa8v {
  font-size: 0.85rem;
  padding: 0.25rem 0.75rem;
  margin-left: 4px;
}
.MyAccount_confirmInput__aBzGr {
  margin-bottom: 14px;
}

.MyAccount_deleteActions__tWsWR {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 12px;
}

.MyAccount_cancelDeleteButton__MY8XV {
  background: white;
  border: 1px solid #d1d5db;
  color: #374151;
  padding: 10px 20px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.MyAccount_cancelDeleteButton__MY8XV:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}
.MyAccount_confirmStrong__nv\+vu {
  font-weight: 700;
  color: #ec3737;
}
/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 1200px) {
  .MyAccount_profileSummaryCard__iWOgt {
    position: relative;
  }

  .MyAccount_rightScrollContent__ph2BZ {
    padding: 0 0.5rem;
  }
}

@media (max-width: 768px) {
  .MyAccount_pageContainer__Xo7by {
    padding: 0;
  }

  .MyAccount_rightScrollContent__ph2BZ {
    gap: 16px;
    padding: 0 1rem;
  }

  .MyAccount_formRow__5Prqm {
    grid-template-columns: 1fr;
  }

  /* Profile card mobile layout */
  .MyAccount_profileSummaryCard__iWOgt {
    padding: 24px 20px;
    width: 100%;
    position: relative;
  }

  .MyAccount_accountInfoCard__cl2r\+ {
    padding: 20px 16px;
    width: 100%;
  }

  .MyAccount_billingCardWrapper__Ti3i2 {
    width: 100%;
  }

  .MyAccount_avatarLarge__3u7sa {
    width: 100px !important;
    height: 100px !important;
    font-size: 40px !important;
  }

  .MyAccount_profileFullName__dHgjE {
    font-size: 18px;
  }

  .MyAccount_cardTitle__Fg4Pd {
    font-size: 18px;
  }

  .MyAccount_buttonGroup__C5p9j {
    justify-content: stretch;
  }

  .MyAccount_buttonGroup__C5p9j > * {
    width: 100%;
  }

  .MyAccount_deleteActions__tWsWR {
    flex-direction: column;
    width: 100%;
  }

  .MyAccount_deleteActions__tWsWR > * {
    width: 100%;
  }

  .MyAccount_cancelDeleteButton__MY8XV {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .MyAccount_pageContainer__Xo7by {
    padding: 0;
  }

  .MyAccount_rightScrollContent__ph2BZ {
    padding: 0 0.5rem;
  }

  .MyAccount_profileSummaryCard__iWOgt {
    padding: 20px 16px;
  }

  .MyAccount_accountInfoCard__cl2r\+ {
    padding: 16px 12px;
  }

  .MyAccount_avatarLarge__3u7sa {
    width: 80px !important;
    height: 80px !important;
    font-size: 32px !important;
  }

  .MyAccount_avatarMenuButton__dqu9O {
    width: 32px;
    height: 32px;
  }

  .MyAccount_profileFullName__dHgjE {
    font-size: 16px;
  }

  .MyAccount_adminBadge__rE\+sZ {
    font-size: 11px;
    padding: 3px 10px;
    margin-bottom: 8px;
  }

  .MyAccount_cardTitle__Fg4Pd {
    font-size: 16px;
    margin-bottom: 16px;
  }

  .MyAccount_profileEmailText__j3dYX {
    font-size: 13px;
  }

  .MyAccount_accountCreatedInfo__WHdoL {
    font-size: 12px;
    margin-bottom: 16px;
  }

  /* Mobile stats - stack vertically */
  .MyAccount_profileFormFields__8HhkT {
    gap: 10px;
  }

  .MyAccount_errorMsg__1hKMA {
    font-size: 13px;
    padding: 10px;
  }

  .MyAccount_formGroup__02QwG {
    margin-bottom: 16px;
  }

  .MyAccount_deleteAccountCard__xgYHJ {
    padding: 1.25rem;
  }

  .MyAccount_deleteAccountTitle__uVVdt {
    font-size: 16px;
  }

  .MyAccount_deleteAccountWarning__jeU-p {
    font-size: 13px;
  }

  .MyAccount_deleteWarningBox__clqy- {
    padding: 12px;
    font-size: 13px;
  }

  .MyAccount_confirmLabel__SiTAm {
    font-size: 13px;
  }

  .MyAccount_confirmInput__aBzGr {
    padding: 8px 10px;
    font-size: 13px;
  }
}

@media (max-width: 320px) {
  .MyAccount_pageContainer__Xo7by {
    padding: 0;
  }

  .MyAccount_rightScrollContent__ph2BZ {
    gap: 12px;
    padding: 0 0.375rem;
  }

  .MyAccount_profileSummaryCard__iWOgt {
    padding: 16px 12px;
  }

  .MyAccount_accountInfoCard__cl2r\+ {
    padding: 14px 10px;
  }

  .MyAccount_avatarLarge__3u7sa {
    width: 70px !important;
    height: 70px !important;
    font-size: 28px !important;
    border: 3px solid white !important;
  }

  .MyAccount_avatarMenuButton__dqu9O {
    width: 28px;
    height: 28px;
  }

  .MyAccount_menuDot__g90-W {
    width: 3px;
    height: 3px;
  }

  .MyAccount_avatarDropdownMenu__N-K-O {
    min-width: 130px;
  }

  .MyAccount_menuItem__OkNCp {
    padding: 10px 12px;
    font-size: 13px;
  }

  .MyAccount_profileFullName__dHgjE {
    font-size: 15px;
    margin-bottom: 6px;
  }

  .MyAccount_adminBadge__rE\+sZ {
    font-size: 10px;
    padding: 3px 8px;
    margin-bottom: 6px;
    gap: 4px;
  }

  .MyAccount_badgeDot__\+7p\+5 {
    width: 5px;
    height: 5px;
  }

  .MyAccount_profileEmailSection__P6EzJ {
    margin-bottom: 10px;
    padding: 0 12px;
  }

  .MyAccount_profileEmailText__j3dYX {
    font-size: 12px;
  }

  .MyAccount_accountCreatedInfo__WHdoL {
    font-size: 11px;
    margin-bottom: 14px;
    gap: 6px;
  }

  .MyAccount_calendarIcon__ZFj29 {
    width: 14px;
    height: 14px;
  }

  .MyAccount_cardTitle__Fg4Pd {
    font-size: 15px;
    margin-bottom: 14px;
  }

  .MyAccount_profileFormFields__8HhkT {
    gap: 8px;
  }

  .MyAccount_formGroup__02QwG {
    margin-bottom: 14px;
  }

  .MyAccount_formRow__5Prqm {
    gap: 12px;
  }

  .MyAccount_errorMsg__1hKMA {
    font-size: 12px;
    padding: 8px;
  }

  .MyAccount_buttonGroup__C5p9j {
    padding-top: 10px;
  }

  .MyAccount_deleteAccountCard__xgYHJ {
    padding: 1rem;
  }

  .MyAccount_deleteAccountTitle__uVVdt {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .MyAccount_deleteAccountWarning__jeU-p {
    font-size: 12px;
    margin-bottom: 16px;
  }

  .MyAccount_deleteAccountExpanded__pszGJ {
    gap: 16px;
  }

  .MyAccount_deleteWarningBox__clqy- {
    padding: 10px;
    font-size: 12px;
  }

  .MyAccount_confirmLabel__SiTAm {
    font-size: 12px;
  }

  .MyAccount_confirmInput__aBzGr {
    padding: 8px 10px;
    font-size: 12px;
  }

  .MyAccount_deleteActions__tWsWR {
    gap: 8px;
  }

  .MyAccount_cancelDeleteButton__MY8XV {
    padding: 8px 16px;
    font-size: 13px;
  }
}

.lists_iconStyle__c\+boE {
  width: 1.325rem;  /* 30px ÷ 16 = 1.875rem */
  height: 1.325rem;
}

.lists_iconList__euDi1 {
  font-size: 1.125rem;
  margin-left: 0.375rem; /* 6px ÷ 16 */
}

.StatusIndicator_statusIndicator__y5akH {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 6px;
  font-weight: 500;
  border: 1px solid currentColor;
}

.StatusIndicator_status_size-small__txaU1 {
  font-size: 12px;
  padding: 4px 8px;
}

.StatusIndicator_status_size-medium__qmheC {
  font-size: 14px;
  padding: 6px 12px;
}

.StatusIndicator_status_size-large__SA8H3 {
  font-size: 16px;
  padding: 8px 16px;
}

.StatusIndicator_statusLabel__rdAOv {
  text-transform: capitalize;
}

/* Light backgrounds with dark text-icon colors */
.StatusIndicator_light-yellow__OcpkP {
  background-color: #fef9c3;
  color: #b45309;
}

.StatusIndicator_light-blue__uz5Xn {
  background-color: #dbeafe;
  color: #1e3a8a;
}

.StatusIndicator_light-green__Cf8aI {
  background-color: #d1fae5;
  color: #065f46;
}

.StatusIndicator_light-red__3nUEk {
  background-color: #fee2e2;
  color: #991b1b;
}

.StatusIndicator_light-orange__q2X4s {
  background-color: #ffedd5;
  color: #9a3412;
}

.StatusIndicator_light-gray__rXlf4 {
  background-color: #f3f4f6;
  color: #374151;
}

/* variant contained is default */
.StatusIndicator_status_variant-contained__-VJHW {
  background-color: currentColor;
  color: currentColor;
  border: none;
}

.StatusIndicator_status_variant-outlined__pu5Rp {
  background-color: transparent;
  border: 1px solid currentColor;
}

.StatusIndicator_status_variant-text__XZShR {
  background-color: transparent;
  border: none;
}

.StatusIndicator_status_outlined__mniry {
  background-color: transparent;
  color: currentColor;
}

/* Container */
.invoiceDetails_container__4icDH {
  padding: 16px 20px;
  background: #f9fafb;
  border-radius: 8px;
  margin: 8px 0;
}

/* Header */
.invoiceDetails_header__5udr3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  flex-wrap: wrap;
  gap: 12px;
}

.invoiceDetails_title__cl2OS {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #1f2937;
}

/* Item Tags */
.invoiceDetails_itemTags__3WtKs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.invoiceDetails_itemTag__kFBLr {
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
}

.invoiceDetails_tagCoupon__ahgnB {
  background: #fef3c7;
  color: #92400e;
}

.invoiceDetails_tagCredits__3UORE {
  background: #dbeafe;
  color: #1e40af;
}

.invoiceDetails_tagUsers__jHFOc {
  background: #e0e7ff;
  color: #4338ca;
}

.invoiceDetails_tagDefault__ni0QB {
  background: #f3f4f6;
  color: #4b5563;
}

/* IDs Section */
.invoiceDetails_idsSection__H-2bM {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  margin-bottom: 16px;
}

.invoiceDetails_idRow__2eCSb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.invoiceDetails_idLabel__eExB0 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #6b7280;
  font-weight: 500;
}

.invoiceDetails_idIcon__SlrS3 {
  font-size: 16px;
  color: #9ca3af;
}

.invoiceDetails_idValue__lLk7o {
  display: flex;
  align-items: center;
  gap: 8px;
}

.invoiceDetails_idCode__m8XLl {
  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
  font-size: 12px;
  color: #374151;
  background: #f3f4f6;
  padding: 4px 8px;
  border-radius: 4px;
  word-break: break-all;
}

.invoiceDetails_copyBtn__vLhnY {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 4px;
  transition: background 0.2s;
}

.invoiceDetails_copyBtn__vLhnY:hover {
  background: #e5e7eb;
}

.invoiceDetails_copyIcon__ZVCKI {
  font-size: 14px;
  color: #6b7280;
}

/* Messages Section */
.invoiceDetails_messagesSection__NxX36 {
  background: #fff;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
}

.invoiceDetails_messagesHeader__ZVl-b {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
}

.invoiceDetails_messagesIcon__FTcUA {
  font-size: 14px;
  color: #6b7280;
}

.invoiceDetails_messagesList__y252T {
  display: flex;
  flex-direction: column;
}

.invoiceDetails_messageRow__1wP5E {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  gap: 16px;
  border-bottom: 1px solid #f3f4f6;
}

.invoiceDetails_messageRow__1wP5E:last-child {
  border-bottom: none;
}

.invoiceDetails_messageText__vlOhO {
  font-size: 13px;
  color: #4b5563;
  flex: 1 1;
}

.invoiceDetails_messageAmount__Ohlvc {
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}

.invoiceDetails_amountPositive__NVPgr {
  color: #059669;
}

.invoiceDetails_amountNegative__8x4\+\+ {
  color: #dc2626;
}

/* Payment Method Badge */
.Invoice_paymentBadge__rvu4N {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 0;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}

.Invoice_paymentIcon__nbGIm {
  font-size: 18px;
}

/* Stripe */
.Invoice_stripe__T1V7K {
  background: linear-gradient(135deg, #635bff, #a259ff);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.Invoice_stripe__T1V7K .Invoice_paymentIcon__nbGIm {
  font-size: 32px;
  color: #635bff;
  -webkit-text-fill-color: #635bff;
}

/* Razorpay */
.Invoice_razorpay__lWnkZ {
  background: linear-gradient(135deg, #072654, #3395ff);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.Invoice_razorpay__lWnkZ .Invoice_paymentIcon__nbGIm {
  color: #3395ff;
  -webkit-text-fill-color: #3395ff;
}

/* Pending Invoices */
.Pending_pendingWrapper__VwUPs {
  padding: 20px 0;
}

.Pending_emptyState__BWRlU {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  color: #64748b;
  text-align: center;
}

.Pending_emptyIcon__Kh\+41 {
  width: 64px;
  height: 64px;
  margin-bottom: 16px;
  color: #cbd5e1;
}

.Pending_emptyTitle__6Pzjm {
  font-size: 1.1rem;
  font-weight: 600;
  color: #334155;
  margin: 0 0 8px 0;
}

.Pending_emptyText__7h\+Gc {
  font-size: 0.9rem;
  color: #64748b;
  margin: 0;
}

/* Invoice Card */
.Pending_invoiceCard__rCV3R {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
}

/* Invoice Header */
.Pending_invoiceHeader__gF9wb {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-bottom: 1px solid #e2e8f0;
  gap: 16px;
  flex-wrap: wrap;
}

.Pending_headerLeft__YHbQq {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 40%;
}

.Pending_invoiceName__e20By {
  font-size: 1.1rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
}

.Pending_invoiceMeta__CxSG1 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.Pending_metaItem__9upJn {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
  color: #64748b;
}

.Pending_metaItem__9upJn svg {
  width: 14px;
  height: 14px;
}

.Pending_pendingBadge__zqFnG {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  color: #b45309;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 20px;
  white-space: nowrap;
}

.Pending_headerRight__Ff5Np {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

.Pending_totalLabel__dcaFI {
  font-size: 0.75rem;
  font-weight: 500;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.Pending_totalAmount__6G2iA {
  font-family: 'Space Mono', monospace;
  font-size: 1.5rem;
  font-weight: 700;
  color: #0f172a;
}

.Pending_totalAmount__6G2iA.Pending_credit__CdUU9 {
  color: #10b981;
}

/* Items Tags */
.Pending_itemsTags__kvT0P {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 4px;
}

.Pending_itemTag__M0F0I {
  padding: 4px 10px;
  background: #e0f2fe;
  color: #0369a1;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 6px;
}

/* Messages Section */
.Pending_messagesSection__Bapsa {
  padding: 10px;
}

.Pending_sectionHeader__D6a2q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 12px 16px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s;
}

.Pending_sectionHeader__D6a2q:hover {
  background: #e2e8f0;
}

.Pending_sectionTitle__cCLte {
  font-size: 0.85rem;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}

.Pending_chevronIcon__SwH33 {
  width: 18px;
  height: 18px;
  color: #64748b;
}

.Pending_messagesList__5SAUV {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}

.Pending_messageRow__DI85q {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: #f8fafc;
  border-radius: 8px;
  gap: 16px;
}

.Pending_messageText__vv4Us {
  font-size: 0.9rem;
  color: #334155;
  flex: 1 1;
}

.Pending_messageAmount__d5mgm {
  font-family: 'Space Mono', monospace;
  font-size: 0.9rem;
  font-weight: 600;
  color: #0f172a;
  white-space: nowrap;
}

.Pending_messageAmount__d5mgm.Pending_negative__xnswx {
  color: #10b981;
}

.Pending_messageAmount__d5mgm.Pending_positive__acE8Q {
  color: #0f172a;
}

/* Loading State */
.Pending_loadingState__hIjdf {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  color: #64748b;
}

/* Responsive */
@media (max-width: 640px) {
  .Pending_invoiceHeader__gF9wb {
    flex-direction: column;
    align-items: flex-start;
  }

  .Pending_headerRight__Ff5Np {
    align-items: flex-start;
    width: 100%;
    padding-top: 12px;
    border-top: 1px solid #e2e8f0;
    margin-top: 4px;
  }

  .Pending_messageRow__DI85q {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .Pending_paymentButtons__Iqpr1 {
    flex-direction: column;
  }
}

/* Payment Buttons */
.Pending_paymentButtons__Iqpr1 {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 20px;
  border-top: 1px solid #e2e8f0;
}

.Pending_payBtn__Kb80b {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}

.Pending_payIcon__LcDzm {
  font-size: 16px;
}

.Pending_stripeBtn__SgUr1 {
  background: linear-gradient(135deg, #635bff, #a259ff);
  color: #fff;
}

.Pending_stripeBtn__SgUr1:hover {
  background: linear-gradient(135deg, #5046e5, #9333ea);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(99, 91, 255, 0.3);
}

.Pending_razorpayBtn__QvKXT {
  background: linear-gradient(135deg, #072654, #0a4a8a);
  color: #fff;
}

.Pending_razorpayBtn__QvKXT:hover {
  background: linear-gradient(135deg, #051d40, #083a6e);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(7, 38, 84, 0.3);
}


/* @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap'); */

.Subscription_pageWrapper__0kQ0p {
  min-height: calc(100vh - 70px);
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 50%, #f1f5f9 100%);
  background-attachment: fixed;
  padding: 40px 20px;
  /* font-family:
    'DM Sans',
    -apple-system,
    BlinkMacSystemFont,
    sans-serif; */
}

.Subscription_container__dkjz3 {
  max-width: 80%;
  margin: 0 auto;
}

.Subscription_header__HQTBp {
  text-align: center;
  margin-bottom: 32px;
}

.Subscription_title__uzxLh {
  font-size: 2rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 8px 0;
  letter-spacing: -0.02em;
}

.Subscription_subtitle__GamjK {
  font-size: 1rem;
  color: #64748b;
  margin: 0;
}

.Subscription_card__L0wCw {
  background: #ffffff;
  border-radius: 20px;
  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.05),
    0 10px 15px -3px rgba(0, 0, 0, 0.08),
    0 20px 25px -5px rgba(0, 0, 0, 0.04);
  padding: 32px;
  position: relative;
}

.Subscription_card__L0wCw::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #3b82f6, #8b5cf6, #06b6d4);
  border-radius: 20px 20px 0 0;
}

/* Plan Section */
.Subscription_planSection__ar8Xm {
  margin-bottom: 8px;
}

.Subscription_planHeader__MLVMM {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: wrap;
}

.Subscription_planInfo__3I\+Fl {
  flex: 1 1;
  min-width: 280px;
}

.Subscription_planTitle__V8QTF {
  font-size: 1.35rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
}

/* ===== Plan Title Row with Badges ===== */
.Subscription_planTitleRow__jGcLH {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 20px;
}

.Subscription_planBadges__bYaoP {
  display: flex;
  align-items: center;
  gap: 8px;
}

.Subscription_currentPlanBadge__7Uz-V {
  display: inline-flex;
  align-items: center;
  padding: 5px 14px;
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.3);
}

.Subscription_userCountBadge__RFDOt {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  color: #059669;
  font-size: 11px;
  font-weight: 600;
  border-radius: 20px;
  border: 1px solid #a7f3d0;
}

.Subscription_userCountBadge__RFDOt svg {
  width: 14px;
  height: 14px;
}

.Subscription_userBadgeRow__IpWmO {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}

.Subscription_userBadge__ivkdU {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, #e0f2fe, #dbeafe);
  color: #0369a1;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 500;
}

.Subscription_userBadge__ivkdU strong {
  font-weight: 700;
}

.Subscription_editBtn__rZdgA {
  background: none;
  border: none;
  cursor: pointer;
  padding: 2px;
  color: #0369a1;
  display: flex;
  align-items: center;
  transition:
    transform 0.2s ease,
    color 0.2s ease;
}

.Subscription_editBtn__rZdgA:hover {
  color: #0284c7;
  transform: scale(1.1);
}

.Subscription_userInput__6zxeU {
  width: 50px;
  padding: 2px 6px;
  border: 2px solid #0369a1;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #0369a1;
  background: white;
  text-align: center;
}

.Subscription_userInput__6zxeU:focus {
  outline: none;
  border-color: #0284c7;
}

.Subscription_additionalUsers__plXIw {
  font-size: 0.875rem;
  color: #64748b;
}

.Subscription_subscriptionMeta__cFjMb {
  font-size: 0.875rem;
  color: #94a3b8;
  margin-bottom: 16px;
}

.Subscription_statusLabel__pwh05 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
  color: #64748b;
  margin-bottom: 8px;
}

.Subscription_statusLabel__pwh05 span {
  font-weight: 600;
  color: #0f172a;
  text-transform: capitalize;
}

.Subscription_billingInfo__LphRb {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 12px;
}

.Subscription_billingRow__iMIm1 {
  display: flex;
  align-items: flex-end;
  width: 800px;
  gap: 16px;
  font-size: 0.9rem;
  color: #475569;
}

.Subscription_billingRow__iMIm1 strong {
  color: #0f172a;
}

/* Select Wrapper with Label */
.Subscription_selectWrapper__Hj1-J {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1 1;
  min-width: 150px;
}

.Subscription_selectLabel__vxLD0 {
  font-size: 0.75rem;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Plan Price Wrapper */
.Subscription_planPriceWrapper__dWYtP {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 8px 16px;
  background: #f8fafc;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  min-width: 120px;
}

/* Plan Selector */
.Subscription_planSelector__9vPkq {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
}

.Subscription_dropdownWrapper__EVNUk {
  position: relative;
  width: 200px;
}

.Subscription_dropdownTrigger__KybwD {
  width: 100%;
  padding: 6px 16px;
  background: #ffffff;
  border: 2px solid #e2e8f0;
  border-radius: 6px;
  font-size: 0.95rem;
  font-weight: 500;
  color: #0f172a;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.Subscription_dropdownTrigger__KybwD:hover {
  border-color: #cbd5e1;
}

.Subscription_dropdownTrigger__KybwD:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.Subscription_dropdownArrow__3J2uu {
  transition: transform 0.2s ease;
}

.Subscription_dropdownArrow__3J2uu.Subscription_open__A-l3Z {
  transform: rotate(180deg);
}

.Subscription_dropdownMenu__Srpiy {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15);
  z-index: 100;
  overflow: hidden;
  animation: Subscription_slideDown__Cb19A 0.2s ease;
}

@keyframes Subscription_slideDown__Cb19A {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.Subscription_dropdownItem__sAg6q {
  width: 100%;
  /* padding: 14px 16px; */
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 4px;
  transition: background 0.15s ease;
  position: relative;
}

.Subscription_dropdownItem__sAg6q:hover {
  background: #f8fafc;
}

.Subscription_dropdownItem__sAg6q.Subscription_selected__NDFAr {
  background: #eff6ff;
}

.Subscription_dropdownItem__sAg6q.Subscription_recommended__RMvqK {
  padding-top: 28px;
}

.Subscription_recommendedBadge__BDMNt {
  background: linear-gradient(135deg, #8b5cf6, #a78bfa);
  color: white;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  padding: 4px;
}

.Subscription_planName__D0pI7 {
  font-size: 0.95rem;
  font-weight: 600;
  color: #0f172a;
}

.Subscription_planDescription__XZaYZ {
  font-size: 0.8rem;
  color: #64748b;
}

.Subscription_planPrice__cnwjq {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.Subscription_priceLabel__oRTz2 {
  font-size: 0.75rem;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.Subscription_priceValue__lTJhc {
  font-family: 'Space Mono', monospace;
  font-size: 1.25rem;
  font-weight: 700;
  color: #10b981;
}
.Subscription_renewButtonContainer__1UQ1m {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

/* Divider */
.Subscription_divider__fQeuF {
  height: 1px;
  background: linear-gradient(90deg, transparent, #e2e8f0 20%, #e2e8f0 80%, transparent);
  margin: 24px 0;
}

/* Coupon Section */
.Subscription_couponSection__i10PH {
  margin-bottom: 8px;
}

.Subscription_couponInputRow__hJCH\+ {
  display: flex;
  gap: 12px;
  /* margin-bottom: 8px; */
  margin: 10px 0;
}

.Subscription_couponInputWrapper__0rY-w {
  flex: 1 1;
  position: relative;
  max-width: 300px;
}

.Subscription_couponInput__vjtYG {
  width: 100%;
  padding: 12px 40px 12px 16px;
  border: 2px solid #e2e8f0;
  border-radius: 10px;
  font-size: 0.95rem;
  color: #0f172a;
  transition: border-color 0.2s ease;
  text-transform: uppercase;
}

.Subscription_couponInput__vjtYG::placeholder {
  text-transform: none;
  color: #94a3b8;
}

.Subscription_couponInput__vjtYG:focus {
  outline: none;
  border-color: #3b82f6;
}

.Subscription_couponInput__vjtYG:disabled {
  background: #f8fafc;
  color: #64748b;
}

.Subscription_removeCouponBtn__hY8Xl {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  color: #94a3b8;
  padding: 4px;
  display: flex;
  align-items: center;
  transition: color 0.2s ease;
}

.Subscription_removeCouponBtn__hY8Xl:hover {
  color: #ef4444;
}

.Subscription_applyBtn__27n2h {
  padding: 12px 24px;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  border: none;
  border-radius: 10px;
  font-size: 0.95rem;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.Subscription_applyBtn__27n2h:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}

.Subscription_applyBtn__27n2h:disabled {
  background: #94a3b8;
  cursor: not-allowed;
}

.Subscription_couponError__AtBgK {
  display: block;
  font-size: 0.85rem;
  color: #ef4444;
  margin-top: 4px;
}

.Subscription_couponSuccess__WGOLi {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9rem;
  color: #10b981;
  margin-top: 8px;
  padding: 10px 14px;
  background: #ecfdf5;
  border-radius: 8px;
}

/* Footer */
.Subscription_footer__Qapgc {
  text-align: center;
  margin-top: 24px;
  padding-top: 16px;
}

.Subscription_footer__Qapgc p {
  font-size: 0.85rem;
  color: #94a3b8;
  margin: 0 0 12px 0;
}

.Subscription_securityBadges__cdBTq {
  display: flex;
  justify-content: center;
  gap: 20px;
  font-size: 0.85rem;
  color: #64748b;
}

/* Responsive */
@media (max-width: 768px) {
  .Subscription_planTitleRow__jGcLH {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .Subscription_planBadges__bYaoP {
    flex-wrap: wrap;
  }
}

@media (max-width: 640px) {
  .Subscription_pageWrapper__0kQ0p {
    padding: 20px 16px;
  }

  .Subscription_card__L0wCw {
    padding: 24px 20px;
  }

  .Subscription_planHeader__MLVMM {
    flex-direction: column;
  }

  .Subscription_planSelector__9vPkq {
    align-items: flex-start;
    width: 100%;
  }

  .Subscription_dropdownWrapper__EVNUk {
    width: 100%;
  }

  .Subscription_planPrice__cnwjq {
    margin-top: 8px;
  }

  .Subscription_couponInputRow__hJCH\+ {
    flex-direction: column;
  }

  .Subscription_couponInputWrapper__0rY-w {
    max-width: none;
  }

  .Subscription_applyBtn__27n2h {
    width: 100%;
  }
}

.DowngradeSection_downgradeSection__JK5Ft {
  background: linear-gradient(135deg, #fef3c7 0%, #fef9c3 100%);
  border: 1px solid #fcd34d;
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 8px;
}

.DowngradeSection_header__RxlkX {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.DowngradeSection_header__RxlkX svg {
  width: 20px;
  height: 20px;
  color: #d97706;
  flex-shrink: 0;
}

.DowngradeSection_title__n0Hnz {
  font-size: 0.95rem;
  font-weight: 600;
  color: #92400e;
  margin: 0;
}

.DowngradeSection_messagesList__00\+fd {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.DowngradeSection_messageItem__ObY6N {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  transition: background 0.2s ease;
}

.DowngradeSection_messageItem__ObY6N:hover {
  background: rgba(255, 255, 255, 0.8);
}

.DowngradeSection_messageDot__gIf0Z {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d97706;
  margin-top: 6px;
  flex-shrink: 0;
}

.DowngradeSection_messageContent__tBPjR {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1 1;
  gap: 12px;
}

.DowngradeSection_messageText__mOVpA {
  font-size: 0.875rem;
  color: #78350f;
  line-height: 1.4;
  flex: 1 1;
}

.DowngradeSection_messageAmount__M5NgB {
  font-family: 'Space Mono', monospace;
  font-size: 0.875rem;
  font-weight: 600;
  white-space: nowrap;
  padding: 2px 8px;
  border-radius: 4px;
}

.DowngradeSection_messageAmount__M5NgB.DowngradeSection_positive__qcyYd {
  color: #059669;
  background: rgba(16, 185, 129, 0.15);
}

.DowngradeSection_messageAmount__M5NgB.DowngradeSection_negative__6EB\+a {
  color: #dc2626;
  background: rgba(220, 38, 38, 0.1);
}

/* Responsive */
@media (max-width: 640px) {
  .DowngradeSection_downgradeSection__JK5Ft {
    padding: 12px 16px;
  }

  .DowngradeSection_messageContent__tBPjR {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .DowngradeSection_messageAmount__M5NgB {
    margin-left: 0;
  }
}

/* Free Trial Notice */
.PaymentSummay_freeTrialNotice__nANlu {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #f0fdf4;
  border: 1.5px solid #bbf7d0;
  border-radius: 8px;
  padding: 12px 16px;
  margin: 12px 0 0 0;
  color: #166534;
  font-size: 0.98rem;
  box-shadow: 0 1px 4px 0 rgba(16, 185, 129, 0.06);
}

.PaymentSummay_freeTrialIcon__JV3OD {
  font-size: 1.5rem;
  line-height: 1;
  margin-right: 4px;
  -webkit-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Payment Summary */
.PaymentSummay_summaryWrapper__IXJbr {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.PaymentSummay_summaryTitle__sV2SC {
  font-size: 1rem;
  font-weight: 600;
  color: #0f172a;
  margin: 0;
}

.PaymentSummay_summaryList__TEPL3 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  background: #f8fafc;
  border-radius: 10px;
}

.PaymentSummay_summaryRow__Ohaw9 {
  display: flex;
  justify-content: space-between;
  font-size: 0.9rem;
  color: #475569;
}

.PaymentSummay_summaryRow__Ohaw9 span:last-child {
  font-family: 'Space Mono', monospace;
  font-weight: 500;
  color: #0f172a;
}

.PaymentSummay_summaryRow__Ohaw9.PaymentSummay_discount__mXslR {
  color: #10b981;
}

.PaymentSummay_summaryRow__Ohaw9.PaymentSummay_discount__mXslR span:last-child {
  color: #10b981;
}

.PaymentSummay_totalRow__XcXM1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-top: 1px solid #e2e8f0;
  margin-top: 8px;
  font-weight: 600;
  color: #0f172a;
}

.PaymentSummay_totalAmount__1lKPX {
  font-family: 'Space Mono', monospace;
  font-size: 1.25rem;
  font-weight: 700;
}

.PaymentSummay_paymentButtons__7EuiC {
  display: flex;
  gap: 12px;
}

.PaymentSummay_stripeBtn__F-Y5A,
.PaymentSummay_razorpayBtn__2knBs {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  border: 2px solid #e2e8f0;
  border-radius: 10px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #475569;
  background: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
}

.PaymentSummay_stripeBtn__F-Y5A:hover {
  border-color: #6366f1;
  color: #6366f1;
  background: #eef2ff;
}

.PaymentSummay_razorpayBtn__2knBs:hover {
  border-color: #3b82f6;
  color: #3b82f6;
  background: #eff6ff;
}

.PaymentSummay_stripeBtn__F-Y5A svg,
.PaymentSummay_razorpayBtn__2knBs svg {
  width: 18px;
  height: 18px;
}

/* Responsive */
@media (max-width: 640px) {
  .PaymentSummay_paymentButtons__7EuiC {
    flex-direction: column;
  }
}

/* ===== Subscription Timeline ===== */
.SubscriptionTimeline_subscriptionTimeline__tkDP\+ {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-radius: 16px;
  padding: 24px;
  /* margin-bottom: 20px; */
  margin: 20px 0;
  border: 1px solid #e2e8f0;
  gap: 8px;
}

.SubscriptionTimeline_timelineItem__tdl7n {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.SubscriptionTimeline_timelineIcon__AsRFs {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #fff;
  color: #6366f1;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.15);
  flex-shrink: 0;
}

.SubscriptionTimeline_timelineIcon__AsRFs.SubscriptionTimeline_warningIcon__JTbeS {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  color: #d97706;
  box-shadow: 0 2px 8px rgba(217, 119, 6, 0.2);
}

.SubscriptionTimeline_timelineIcon__AsRFs.SubscriptionTimeline_nextBillingIcon__VdPAo {
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  color: #2563eb;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);
}

.SubscriptionTimeline_timelineContent__s4LiP {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.SubscriptionTimeline_timelineLabel__IYyZF {
  font-size: 10px;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.SubscriptionTimeline_timelineValue__9P-\+N {
  font-size: 14px;
  font-weight: 700;
  color: #1e293b;
}

.SubscriptionTimeline_timelineTime__cHXQd {
  font-size: 12px;
  color: #94a3b8;
  font-weight: 500;
}

.SubscriptionTimeline_timelineRelative__wVHRU {
  font-size: 11px;
  color: #6366f1;
  font-weight: 600;
  background: #eef2ff;
  padding: 2px 8px;
  border-radius: 10px;
  display: inline-block;
  margin-top: 2px;
}

.SubscriptionTimeline_timelineConnector__fvgUW {
  display: flex;
  align-items: center;
  padding: 0 4px;
}

.SubscriptionTimeline_connectorLine__tLb52 {
  width: 16px;
  height: 2px;
  background: linear-gradient(90deg, #cbd5e1, #94a3b8);
}

.SubscriptionTimeline_connectorDot__-tuBi {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
}

/* Responsive */
@media (max-width: 768px) {
  .SubscriptionTimeline_subscriptionTimeline__tkDP\+ {
    flex-direction: column;
    gap: 0;
  }

  .SubscriptionTimeline_timelineItem__tdl7n {
    padding: 12px 0;
  }

  .SubscriptionTimeline_timelineConnector__fvgUW {
    transform: rotate(90deg);
    padding: 0;
    margin: 0 0 0 20px;
    height: 40px;
    flex-direction: column;
  }

  .SubscriptionTimeline_connectorLine__tLb52 {
    width: 2px;
    height: 12px;
  }
}

/* Top Up Section */
.TopUpSection_topUpSection__iiuis {
  margin-bottom: 8px;
}

.TopUpSection_sectionTitle__j1Qem {
  font-size: 1rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 16px 0;
}

.TopUpSection_topUpButtons__XCuUS {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.TopUpSection_topUpBtn__pGt6S {
  padding: 10px 20px;
  background: #ffffff;
  border: 2px solid #e2e8f0;
  border-radius: 10px;
  font-family: 'Space Mono', monospace;
  font-size: 0.9rem;
  font-weight: 500;
  color: #475569;
  cursor: pointer;
  transition: all 0.2s ease;
}

.TopUpSection_topUpBtn__pGt6S:hover:not(:disabled) {
  border-color: #cbd5e1;
  background: #f8fafc;
}

.TopUpSection_topUpBtn__pGt6S.TopUpSection_active__5KmSJ {
  background: #0f172a;
  border-color: #0f172a;
  color: #ffffff;
  transform: scale(1.02);
}

/* Top Up Active State */
.TopUpSection_topUpActive__LI9a5 {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  border-color: #059669 !important;
  color: #ffffff !important;
  transform: scale(1.02);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35);
  font-weight: 600;
}

.TopUpSection_topUpActive__LI9a5:hover {
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  border-color: #047857 !important;
  box-shadow: 0 6px 16px rgba(16, 185, 129, 0.4);
}

/* Default Top Up (None/0) Button */
.TopUpSection_topUpBtn__pGt6S.TopUpSection_defaultTopUp__UPa3S {
  background: #f1f5f9;
  color: #94a3b8;
  border-color: #e2e8f0;
  cursor: default;
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
}

.TopUpSection_topUpBtn__pGt6S.TopUpSection_defaultTopUp__UPa3S:hover {
  background: #f1f5f9;
  border-color: #e2e8f0;
  transform: none;
}

.TopUpSection_customBtn__30VPy {
  font-family: 'DM Sans', sans-serif;
}

.TopUpSection_customInputWrapper__49Llv {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  max-width: 280px;
}

.TopUpSection_currencySymbol__\+cFHU {
  font-family: 'Space Mono', monospace;
  font-size: 1rem;
  color: #64748b;
}

.TopUpSection_customInput__ryxJy {
  flex: 1 1;
  padding: 10px 14px;
  border: 2px solid #e2e8f0;
  border-radius: 10px;
  font-family: 'Space Mono', monospace;
  font-size: 0.95rem;
  color: #0f172a;
  transition: border-color 0.2s ease;
}

.TopUpSection_customInput__ryxJy:focus {
  outline: none;
  border-color: #3b82f6;
}

.TopUpSection_topUpTotal__\+UG4x {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.TopUpSection_topUpAmount__ZY2hn {
  font-family: 'Space Mono', monospace;
  font-size: 1.75rem;
  font-weight: 700;
  color: #0f172a;
}

.TopUpSection_topUpBreakdown__mIhOS {
  font-size: 0.85rem;
  color: #94a3b8;
}

/* Responsive */
@media (max-width: 640px) {
  .TopUpSection_topUpButtons__XCuUS {
    justify-content: flex-start;
  }
}

/* ===== User Adjustment Section ===== */
.UserAdjustSection_userAdjustSection__OhdI6 {
  padding: 8px 0;
}

.UserAdjustSection_sectionTitle__Dp6HU {
  font-size: 1rem;
  font-weight: 700;
  color: #0f172a;
  /* margin: 0 0 16px 0; */
}

.UserAdjustSection_userAdjustDescription__SXk5R {
  color: #64748b;
  font-size: 0.875rem;
  margin-bottom: 20px;
}

.UserAdjustSection_userAdjustControls__m9JS2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  /* margin-bottom: 24px; */
  margin: 24px 0;
}

.UserAdjustSection_userAdjustBtn__j0msW {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid #e2e8f0;
  background: #fff;
  color: #475569;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.UserAdjustSection_userAdjustBtn__j0msW:hover:not(:disabled) {
  border-color: #6366f1;
  color: #6366f1;
  background: #eef2ff;
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.2);
}

.UserAdjustSection_userAdjustBtn__j0msW:active:not(:disabled) {
  transform: scale(0.98);
}

.UserAdjustSection_userAdjustBtn__j0msW:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.UserAdjustSection_userAdjustBtn__j0msW svg {
  width: 20px;
  height: 20px;
}

.UserAdjustSection_userAdjustDisplay__JThBk {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 24px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-radius: 12px;
  border: 2px solid #e2e8f0;
}

.UserAdjustSection_userAdjustInput__fNmRT {
  width: 70px;
  font-size: 28px;
  font-weight: 700;
  color: #0f172a;
  text-align: center;
  border: none;
  background: transparent;
  outline: none;
  font-family: 'Space Mono', monospace;
}

.UserAdjustSection_userAdjustInput__fNmRT::-webkit-outer-spin-button,
.UserAdjustSection_userAdjustInput__fNmRT::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.UserAdjustSection_userAdjustInput__fNmRT[type='number'] {
  -webkit-appearance: textfield;
          appearance: textfield;
}

.UserAdjustSection_userAdjustLabel__uToiH {
  font-size: 0.875rem;
  color: #64748b;
  font-weight: 500;
}

.UserAdjustSection_userAdjustInfo__11RT- {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 16px;
  border: 1px solid #e2e8f0;
}

.UserAdjustSection_userAdjustRow__lzQxa {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
}

.UserAdjustSection_userAdjustRow__lzQxa:not(:last-child) {
  border-bottom: 1px solid #e2e8f0;
}

.UserAdjustSection_userAdjustRow__lzQxa span:first-child {
  font-size: 0.875rem;
  color: #64748b;
}

.UserAdjustSection_userAdjustValue__CjU0a {
  font-size: 0.95rem;
  font-weight: 600;
  color: #0f172a;
  font-family: 'Space Mono', monospace;
}

.UserAdjustSection_userAdjustValue__CjU0a.UserAdjustSection_highlight__2lGUe {
  color: #059669;
  background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.875rem;
}

.UserAdjustSection_userAdjustNote__O1afh {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  border-radius: 10px;
  font-size: 0.85rem;
  color: #1d4ed8;
  border: 1px solid #bfdbfe;
  font-weight: 500;
}

.UserAdjustSection_userAdjustNote__O1afh svg {
  flex-shrink: 0;
}

/* Legacy user adjust styles (keeping for backwards compatibility) */
.UserAdjustSection_userAdjustTotal__xB59Z {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);
  border-radius: 8px;
  margin-bottom: 12px;
}

.UserAdjustSection_userAdjustTotal__xB59Z span:first-child {
  font-size: 14px;
  color: #4b5563;
}

.UserAdjustSection_userAdjustPrice__L2Ptf {
  font-size: 18px;
  font-weight: 700;
  color: #4f46e5;
}

/* Responsive */
@media (max-width: 640px) {
  .UserAdjustSection_userAdjustControls__m9JS2 {
    gap: 12px;
  }

  .UserAdjustSection_userAdjustDisplay__JThBk {
    padding: 10px 16px;
  }

  .UserAdjustSection_userAdjustInput__fNmRT {
    font-size: 24px;
    width: 60px;
  }
}

.RadioButton_radioWrapper__DykNU {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 8px;
}

.RadioButton_radioInput__XJ-F0 {
  display: none;
}

.RadioButton_customRadio__epqeF {
  width: 20px;
  height: 20px;
  border: 3px solid #1976d2;
  border-radius: 50%;
  position: relative;
  transition: all 0.2s ease;
}

.RadioButton_customRadio__epqeF::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background-color: #1976d2;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.2s ease;
}

.RadioButton_radioInput__XJ-F0:checked + .RadioButton_customRadio__epqeF::after {
  transform: translate(-50%, -50%) scale(1);
}

.RadioButton_labelText__skKHG {
  font-size: 14px;
  color: #333;
}

.CustomizableSlider_sliderContainer__m-Kxg {
  width: 100%;
  position: relative;
  padding: 0 12px;
}

.CustomizableSlider_slider__xj8wS {
  color: inherit;
  height: 8px;
}

/* Remove the hover styles that were causing black color */
/* .slider :global(.MuiSlider-thumb:focus),
.slider :global(.MuiSlider-thumb:hover),
.slider :global(.MuiSlider-thumb.Mui-active) {
  box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.16);
} */

.CustomizableSlider_slider__xj8wS .MuiSlider-valueLabel {
  font-size: 12px;
  font-weight: 600;
  top: 42px;
  background-color: transparent;
  background-color: initial;
  color: #000;
}

.CustomizableSlider_slider__xj8wS .MuiSlider-valueLabel:before {
  display: none;
}

.CustomizableSlider_slider__xj8wS .MuiSlider-track {
  height: 8px;
  border-radius: 4px;
  border: none;
}

.CustomizableSlider_slider__xj8wS .MuiSlider-rail {
  height: 8px;
  border-radius: 4px;
}

.CustomizableSlider_slider__xj8wS .MuiSlider-mark {
  display: none;
}

.CustomizableSlider_slider__xj8wS .MuiSlider-markLabel {
  color: #6b7280;
  font-size: 12px;
  top: auto; /* Remove default top positioning */
  bottom: -26px; /* Position below the slider */
}
.CustomizableSlider_sliderContainer__m-Kxg {
  width: 100%;
  position: relative;
  padding: 0 12px;
}

.CustomizableSlider_slider__xj8wS {
  color: inherit;
  height: 8px;
}

/* Value label styling */
.CustomizableSlider_slider__xj8wS .MuiSlider-valueLabel {
  font-size: 12px;
  font-weight: 600;
  top: 42px;
  background-color: transparent;
  background-color: initial;
  color: #000;
}

.CustomizableSlider_slider__xj8wS .MuiSlider-valueLabel:before {
  display: none;
}

.CustomizableSlider_slider__xj8wS .MuiSlider-track {
  height: 8px;
  border-radius: 4px;
  border: none;
}

.CustomizableSlider_slider__xj8wS .MuiSlider-rail {
  height: 8px;
  border-radius: 4px;
}

.CustomizableSlider_slider__xj8wS .MuiSlider-mark {
  display: none;
}

.CustomizableSlider_slider__xj8wS .MuiSlider-markLabel {
  color: #6b7280;
  font-size: 12px;
  top: auto;
  bottom: -24px;
}

.VerticalStack_stack__vohGu {
  display: flex;
  flex-direction: column;
}

/* Default fallback gap (used if JS gap prop fails) */
.VerticalStack_gapSmall__CToPB {
  gap: 0.75rem;
  /* 12px */
}

.VerticalStack_gapMedium__qFKfA {
  gap: 1.5rem;
  /* 24px */
}

.VerticalStack_gapLarge__qWEjV {
  gap: 2.5rem;
  /* 40px */
}

/* Responsive Overrides  */

/* xs: 0 - 575px (Mobile Portrait) */
@media (max-width: 575px) {
  .VerticalStack_gapSmall__CToPB {
    gap: 0.5rem;
    /* 8px */
  }

  .VerticalStack_gapMedium__qFKfA {
    gap: 1rem;
    /* 16px */
  }

  .VerticalStack_gapLarge__qWEjV {
    gap: 1.25rem;
    /* 20px */
  }
}

/* sm: 576 - 767px (Mobile Landscape) */
@media (min-width: 576px) and (max-width: 767px) {
  .VerticalStack_gapSmall__CToPB {
    gap: 0.65rem;
    /* 10px */
  }

  .VerticalStack_gapMedium__qFKfA {
    gap: 1.25rem;
    /* 20px */
  }

  .VerticalStack_gapLarge__qWEjV {
    gap: 1.75rem;
    /* 28px */
  }
}

/* md: 768 - 991px (Tablet) */
@media (min-width: 768px) and (max-width: 991px) {
  .VerticalStack_gapSmall__CToPB {
    gap: 0.75rem;
    /* 12px */
  }

  .VerticalStack_gapMedium__qFKfA {
    gap: 1.5rem;
    /* 24px */
  }

  .VerticalStack_gapLarge__qWEjV {
    gap: 2rem;
    /* 32px */
  }
}

/* lg: 992 - 1199px (Desktop) */
@media (min-width: 992px) and (max-width: 1199px) {
  .VerticalStack_gapSmall__CToPB {
    gap: 0.875rem;
    /* 14px */
  }

  .VerticalStack_gapMedium__qFKfA {
    gap: 1.75rem;
    /* 28px */
  }

  .VerticalStack_gapLarge__qWEjV {
    gap: 2.25rem;
    /* 36px */
  }
}

/* xl: 1200 - 1399px (Large Desktop) */
@media (min-width: 1200px) and (max-width: 1399px) {
  .VerticalStack_gapSmall__CToPB {
    gap: 1rem;
    /* 16px */
  }

  .VerticalStack_gapMedium__qFKfA {
    gap: 2rem;
    /* 32px */
  }

  .VerticalStack_gapLarge__qWEjV {
    gap: 2.75rem;
    /* 44px */
  }
}

/* xxl: 1400px+ (Ultra Wide Screens) */
@media (min-width: 1400px) {
  .VerticalStack_gapSmall__CToPB {
    gap: 1.125rem;
    /* 18px */
  }

  .VerticalStack_gapMedium__qFKfA {
    gap: 2.25rem;
    /* 36px */
  }

  .VerticalStack_gapLarge__qWEjV {
    gap: 3rem;
    /* 48px */
  }
}
.StatusIndicator_statusIndicator__mHSAZ {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 6px;
  font-weight: 500;
  border: 1px solid currentColor;
}

.StatusIndicator_status_size-small__WhVMi {
  font-size: 12px;
  padding: 4px 8px;
}

.StatusIndicator_status_size-medium__2zSlo {
  font-size: 14px;
  padding: 6px 12px;
}

.StatusIndicator_status_size-large__Mtlzs {
  font-size: 16px;
  padding: 8px 16px;
}

.StatusIndicator_statusLabel__lW5nC {
  text-transform: capitalize;
}

/* Light backgrounds with dark text-icon colors */
.StatusIndicator_light-yellow__FZfqQ {
  background-color: #fef9c3;
  color: #b45309;
}

.StatusIndicator_light-blue__ZoaX2 {
  background-color: #dbeafe;
  color: #1e3a8a;
}

.StatusIndicator_light-green__hE5bN {
  background-color: #d1fae5;
  color: #065f46;
}

.StatusIndicator_light-red__D\+wuc {
  background-color: #fee2e2;
  color: #991b1b;
}

.StatusIndicator_light-orange__pdSbV {
  background-color: #ffedd5;
  color: #9a3412;
}

.StatusIndicator_light-gray__bWaL9 {
  background-color: #f3f4f6;
  color: #374151;
}

/* variant contained is default */
.StatusIndicator_status_variant-contained__dbd9n {
  background-color: currentColor;
  color: currentColor;
  border: none;
}

.StatusIndicator_status_variant-outlined__B\+9qJ {
  background-color: transparent;
  border: 1px solid currentColor;
}

.StatusIndicator_status_variant-text__wPsl9 {
  background-color: transparent;
  border: none;
}

.StatusIndicator_status_outlined__U\+dnG {
  background-color: transparent;
  color: currentColor;
}
.LayoutWrapper_wrapper__TGwMI {
  padding-top: var(--space-lg);      /* 1rem = 16px */
  padding-left: var(--space-md);    /* 0.75rem = 12px */
  padding-right: var(--space-md);
  padding-bottom: 0;
  background-color: var(--bg-default); /* Default background color */
 /* min-height: calc(100vh - var(--space-lg));  Full height minus top */
}

.HorizontalBarGraph_container__ll1tp {
  border: 1px solid #ddd;
  border-radius: 0.5rem; /* 8px */
  overflow: hidden;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 1.25rem; /* 20px */
  padding-right: 0.625rem; /* 10px */
}

.HorizontalBarGraph_header__WVxI0 {
  padding: 0.625rem 0.75rem; /* 10px 12px */
  border-bottom: 1px solid #eee;
  display: flex;
  flex-direction: column;
  gap: 0.125rem; /* 2px */
}

.HorizontalBarGraph_title__AiBA3 {
  margin: 0;
  font-size: 1rem; /* 16px */
  font-weight: 600;
  color: #111827;
}

.HorizontalBarGraph_description__Og85V {
  margin: 0.625rem 0 0 0; /* 10px top */
  font-size: 0.75rem; /* 12px */
  color: #6b7280;
}

.HorizontalBarGraph_chartBody__QHmLH {
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.75rem; /* 12px */
}

.HorizontalBarGraph_noDataWrapper__b8spX {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.HorizontalBarGraph_footer__Jcs8Q {
  background-color: #f9fafb;
  padding: 0rem;
  margin-inline: 0.5rem; /* 8px */
  border-top: 1px solid #f3f4f6;
  min-height: 1.875rem; /* 30px */
  display: flex;
}

/* Tooltip styling */
.HorizontalBarGraph_tooltip__1wpkH {
  background-color: #ffffff;
  padding: 0.5rem 0.75rem; /* 8px 12px */
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem; /* 8px */
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); /* 4px 12px */
  display: inline-block;
  max-width: 28.125rem; /* 450px */
  word-wrap: break-word;
  white-space: normal;
}

.HorizontalBarGraph_tooltipRow__TWYPC {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem; /* 8px */
  margin-bottom: 0.25rem; /* 4px */
}

.HorizontalBarGraph_tooltipAccent__wIB8t {
  width: 0.25rem; /* 4px */
  height: 1.125rem; /* 18px */
  border-radius: 0.25rem; /* 4px */
  flex-shrink: 0;
}

.HorizontalBarGraph_tooltipText__niPB\+ {
  font-size: 0.8125rem; /* 13px */
  font-weight: 600;
  color: #111827;
  line-height: 1.4;
  max-width: 18.75rem; /* 300px */
  white-space: normal;
  display: inline-block;
}

/* Card wrapper */
.ScrollableBarChart_wrapper__pr9tu {
  background-color: #ffffff;
  padding: 24px;
  border-radius: 8px;
  font-family: Roboto;
  border: 1px solid rgba(192, 192, 192, 0.5);
  overflow: hidden;
}

/* Chart heading */
.ScrollableBarChart_heading__wFHjW {
  font-size: 18px;
  font-weight: 700;
  color: #374151;
  margin-bottom: 4px;
}

/* Scrollable chart container */
.ScrollableBarChart_customScrollbar__f0F9r {
  overflow-y: auto;
  padding-right: 8px;
  height: 210px;
  overflow-x: hidden;
}

.ScrollableBarChart_customScrollbar__f0F9r::-webkit-scrollbar {
  width: 6px;
}

.ScrollableBarChart_customScrollbar__f0F9r::-webkit-scrollbar-track {
  background: transparent;
}

.ScrollableBarChart_customScrollbar__f0F9r::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  border: 1px solid transparent;
}

.ScrollableBarChart_customScrollbar__f0F9r::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

/* Tooltip container */
.ScrollableBarChart_tooltipBox__oTBTi {
  background-color: #ffffff;
  padding: 8px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  display: inline-block;
  max-width: 450px; /*  Fix for long text */
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.ScrollableBarChart_tooltipContent__HccGi {
  display: flex;
  align-items: flex-start; /* Aligns accent with top of text */
  gap: 8px;
  margin-bottom: 4px;
}

/* Tooltip blue accent bar */
.ScrollableBarChart_tooltipAccent__WUcIB {
  width: 4px;
  height: 18px;
  background-color: #3b82f6;
  border-radius: 4px;
  flex-shrink: 0;
}

/* Tooltip text content */
.ScrollableBarChart_tooltipText__GMP6J {
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  line-height: 1.2;
  word-break: break-word; /*  Allow hostname break inside tooltip */
  max-width: 300px;
  white-space: normal;
  line-height: 1.4;
  display: inline-block;
}

.VerticalStackedBarGraph_chartWrapper__txNKm {
  border: 0.0625rem solid #ddd;
  border-radius: 0.5rem;
  overflow: hidden;
  background: #fff;
  height: 32.5rem;
  max-height: 32.5rem;
  min-height: 32.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.VerticalStackedBarGraph_chartHeader__iT2FR {
  padding: 1rem;
  border-bottom: 0.0625rem solid #eee;
}

.VerticalStackedBarGraph_chartTitle__jIFbR {
  margin: 0;
  font-size: 1.125rem;
  text-transform: capitalize;
}

.VerticalStackedBarGraph_chartDescription__J0OKz {
  margin: 0;
  color: #6b7280;
  font-size: 0.8125rem;
}

.VerticalStackedBarGraph_noDataContainer__L55K- {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.VerticalStackedBarGraph_tooltipBox__hpk89 {
  background-color: #fff;
  border-radius: 0.25rem;
  padding: 0.75rem 1rem;
  box-shadow: 0 0.625rem 0.9375rem rgba(0, 0, 0, 0.1);
  font-size: 0.875rem;
  width: 17.5rem;
}

.VerticalStackedBarGraph_tooltipTitle__6Nz52 {
  font-weight: 600;
  font-size: 1.0625rem;
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  white-space: normal;
}

.VerticalStackedBarGraph_tooltipContent__ajlzR {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}

.VerticalStackedBarGraph_tooltipRow__y6fvf {
  display: flex;
  justify-content: space-between;
}

.VerticalStackedBarGraph_tooltipLabelGroup__-pVoI {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.VerticalStackedBarGraph_tooltipColor__F3Sa\+ {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 0.125rem;
}

.VerticalStackedBarGraph_dimmedText__\+uaCu {
  opacity: 0.5;
  font-weight: 500;
  color: #999;
  font-style: italic;
}

.VerticalStackedBarGraph_tooltipLabel__zSgLt {
  font-size: 0.75rem;
}

.VerticalStackedBarGraph_tooltipValue__ZXay1 {
  font-size: 0.75rem;
}

.VerticalStackedBarGraph_tooltipTotal__KsU5U {
  margin-top: 0.5rem;
  font-size: 0.8125rem;
}

.VerticalStackedBarGraph_legendBox__v05ue {
  min-height: 3.125rem;
  background-color: #f9fafb;
  padding: 0.75rem 1.25rem;
  border-top: 0.0625rem solid #f3f4f6;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
  overflow: hidden;
}

.VerticalStackedBarGraph_legendWrapper__pM3XO {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
}

.VerticalStackedBarGraph_legendItem__Zv6uF {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex: 0 0 auto;
  white-space: nowrap;
}

.VerticalStackedBarGraph_legendColor__cvdSj {
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 0.125rem;
  flex-shrink: 0;
}

.VerticalStackedBarGraph_legendLabel__FPWj4 {
  font-size: 0.8125rem;
  color: #374151;
  font-weight: 500;
}

.VerticalStackedBarGraph_legendPercent__AvRcm {
  font-size: 0.75rem;
  color: #6b7280;
  background-color: #f1f5f9;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  font-weight: 500;
  flex-shrink: 0;
}

@media (max-width: 479px) {
  .VerticalStackedBarGraph_legendBox__v05ue {
    padding: 0.5rem 0.75rem;
    gap: 0.5rem 0.75rem;
    min-height: auto;
  }

  .VerticalStackedBarGraph_legendWrapper__pM3XO {
    gap: 0.5rem;
  }

  .VerticalStackedBarGraph_legendItem__Zv6uF {
    flex: 0 0 auto;
    gap: 0.25rem;
  }

  .VerticalStackedBarGraph_legendLabel__FPWj4 {
    font-size: 0.6875rem;
  }

  .VerticalStackedBarGraph_legendPercent__AvRcm {
    font-size: 0.625rem;
    padding: 0.0625rem 0.25rem;
  }

  .VerticalStackedBarGraph_legendColor__cvdSj {
    width: 0.625rem;
    height: 0.625rem;
  }
}

@media (min-width: 480px) and (max-width: 599px) {
  .VerticalStackedBarGraph_legendBox__v05ue {
    padding: 0.625rem 1rem;
    gap: 0.5rem 0.75rem;
  }

  .VerticalStackedBarGraph_legendWrapper__pM3XO {
    gap: 0.625rem;
  }

  .VerticalStackedBarGraph_legendItem__Zv6uF {
    flex: 0 0 auto;
    gap: 0.25rem;
  }

  .VerticalStackedBarGraph_legendLabel__FPWj4 {
    font-size: 0.75rem;
  }

  .VerticalStackedBarGraph_legendPercent__AvRcm {
    font-size: 0.6875rem;
    padding: 0.0625rem 0.25rem;
  }

  .VerticalStackedBarGraph_legendColor__cvdSj {
    width: 0.75rem;
    height: 0.75rem;
  }
}

@media (min-width: 600px) and (max-width: 899px) {
  .VerticalStackedBarGraph_legendBox__v05ue {
    padding: 0.75rem 1.125rem;
    gap: 0.625rem 0.875rem;
  }

  .VerticalStackedBarGraph_legendWrapper__pM3XO {
    gap: 0.75rem;
  }

  .VerticalStackedBarGraph_legendItem__Zv6uF {
    flex: 0 0 auto;
    gap: 0.375rem;
  }

  .VerticalStackedBarGraph_legendLabel__FPWj4 {
    font-size: 0.75rem;
  }

  .VerticalStackedBarGraph_legendPercent__AvRcm {
    font-size: 0.6875rem;
  }
}

@media (min-width: 900px) and (max-width: 1199px) {
  .VerticalStackedBarGraph_legendBox__v05ue {
    padding: 0.875rem 1.375rem;
    gap: 0.75rem 1rem;
  }

  .VerticalStackedBarGraph_legendWrapper__pM3XO {
    gap: 0.875rem;
  }

  .VerticalStackedBarGraph_legendItem__Zv6uF {
    flex: 0 0 auto;
    gap: 0.375rem;
  }

  .VerticalStackedBarGraph_legendLabel__FPWj4 {
    font-size: 0.8125rem;
  }

  .VerticalStackedBarGraph_legendPercent__AvRcm {
    font-size: 0.75rem;
  }
}

@media (min-width: 1200px) {
  .VerticalStackedBarGraph_legendBox__v05ue {
    padding: 1rem 2rem;
    gap: 1rem 1.5rem;
  }

  .VerticalStackedBarGraph_legendWrapper__pM3XO {
    gap: 1rem;
  }

  .VerticalStackedBarGraph_legendItem__Zv6uF {
    flex: 0 0 auto;
  }

  .VerticalStackedBarGraph_legendLabel__FPWj4 {
    font-size: 0.8125rem;
  }

  .VerticalStackedBarGraph_legendPercent__AvRcm {
    font-size: 0.75rem;
  }
}

.VerticalStackedBarGraph_mobile__CFK1O {
  flex: 0 0 auto !important;
  gap: 0.25rem !important;
}

.VerticalStackedBarGraph_tablet__Ixu72 {
  flex: 0 0 auto !important;
}

.Organization_regionSelectionOrgmodal__3Y\+Jb {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  background-color: #f5f7fa;
  font-family: 'Segoe UI', sans-serif;
  margin: 0;
  min-height: 100vh;
}

.Organization_modalContentStandardSignup__8dWBs {
  width: 100%;
  max-width: 600px;
  background: white;
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.Organization_welcomeSectionProfessional__SdSvg {
  width: 100%;
}

.Organization_welcomeHeadingProfessional__qyMvO {
  margin: 0 0 20px 0;
  font-size: 24px;
  color: #333;
}

.Organization_licenseContainer__D88EM {
  width: 100%;
}

.Organization_licenseCard__JdFLh {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.Organization_selectableGroup__fOOQ0 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 450px;
  overflow-y: auto;
  padding-right: 8px;
}

/* Scrollbar */
.Organization_selectableGroup__fOOQ0::-webkit-scrollbar {
  width: 6px;
}

.Organization_selectableGroup__fOOQ0::-webkit-scrollbar-track {
  background: #f1f5f9;
}

.Organization_selectableGroup__fOOQ0::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}

.Organization_selectableGroup__fOOQ0::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* User Card */
.Organization_userCard__G2iyh {
  border: 2px solid #ddd;
  border-radius: 8px;
  padding: 16px;
  cursor: pointer;
  background-color: white;
  transition: all 0.2s;
  border-left: 2px solid #ddd;
  overflow: hidden;
  word-wrap: break-word;
}

.Organization_userCard__G2iyh:hover {
  border-color: #007bff;
}

.Organization_userCard__G2iyh.Organization_selected__Lf4Zq {
  border: 2px solid transparent;
  background-color: #f0f8ff;
  border-left: 4px solid #007bff;
}

/* Header — icon centers with entire card content */
.Organization_userCardHeader__jqUdQ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 40px;
}

.Organization_userCardContent__j5dYg {
  flex: 1 1;
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

.Organization_checkIcon__6e9e0 {
  color: #007bff;
  flex-shrink: 0;
}

.Organization_userCardTitle__RSz0f {
  margin: 0;
  font-size: 18px;
  color: #333;
  word-break: break-word;
  overflow-wrap: break-word;
}

.Organization_userCardSubtitle__jU05b {
  margin-top: 4px;
  font-size: 14px;
  color: #666;
  word-break: break-word;
  overflow-wrap: break-word;
}

/* Checkbox */
.Organization_userCardCheckbox__lY8V1 {
  cursor: pointer;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.FlexContainer_flexContainer__HcYuV {
  display: flex;
}

.FlexContainer_direction-row__TnQZD { flex-direction: row; }
.FlexContainer_direction-row-reverse__GKEle { flex-direction: row-reverse; }
.FlexContainer_direction-column__StC4v { flex-direction: column; }
.FlexContainer_direction-column-reverse__ZUHGm { flex-direction: column-reverse; }

.FlexContainer_wrap-nowrap__YDJLG { flex-wrap: nowrap; }
.FlexContainer_wrap-wrap__DsE6Y { flex-wrap: wrap; }
.FlexContainer_wrap-wrap-reverse__eqDMI { flex-wrap: wrap-reverse; }

.FlexContainer_justifyContent-flex-start__L8U0f { justify-content: flex-start; }
.FlexContainer_justifyContent-flex-end__\+WaJu { justify-content: flex-end; }
.FlexContainer_justifyContent-center__57ynD { justify-content: center; }
.FlexContainer_justifyContent-space-between__mU-nE { justify-content: space-between; }
.FlexContainer_justifyContent-space-around__OoRs4 { justify-content: space-around; }
.FlexContainer_justifyContent-space-evenly__akRr5 { justify-content: space-evenly; }

.FlexContainer_alignItems-flex-start__SesGA { align-items: flex-start; }
.FlexContainer_alignItems-flex-end__C7Kyl { align-items: flex-end; }
.FlexContainer_alignItems-center__r1T1A { align-items: center; }
.FlexContainer_alignItems-stretch__rj6Da { align-items: stretch; }
.FlexContainer_alignItems-baseline__AM9Hm { align-items: baseline; }


.FlexContainer_alignContent-flex-start__Dmayn { align-content: flex-start; }
.FlexContainer_alignContent-flex-end__\+0R-C { align-content: flex-end; }
.FlexContainer_alignContent-center__uNtI4 { align-content: center; }
.FlexContainer_alignContent-stretch__kfwQt { align-content: stretch; }
.FlexContainer_alignContent-space-between__rE-DX { align-content: space-between; }
.FlexContainer_alignContent-space-around__QgYCM { align-content: space-around; }

.FlexContainer_gap-xs__-h51w { gap: 0.25rem; }
.FlexContainer_gap-sm__qX35z { gap: 0.5rem; }
.FlexContainer_gap-md__lVLy2 { gap: 1rem; }
.FlexContainer_gap-lg__LvR-B { gap: 1.5rem; }
.FlexContainer_gap-xl__VgY5P { gap: 2rem; }
.FlexContainer_gap-xxl__cZhZT { gap: 3rem; }

.Wrapper_wrapper__PeAri {
  display: block;
}

/* Max width utilities */
.Wrapper_maxWidth-xs__enfSu { max-width: 20rem; }
.Wrapper_maxWidth-sm__Jwbln { max-width: 24rem; }
.Wrapper_maxWidth-md__v5MNa { max-width: 28rem; }
.Wrapper_maxWidth-lg__Ze79z { max-width: 32rem; }
.Wrapper_maxWidth-xl__3wEN8 { max-width: 36rem; }
.Wrapper_maxWidth-xxl__n\+na4 { max-width: 42rem; }
.Wrapper_maxWidth-full__QZea4 { max-width: 100%; }

/* Padding utilities */
.Wrapper_padding-xs__6XYFd { padding: 0.25rem; }
.Wrapper_padding-sm__EHEct { padding: 0.5rem; }
.Wrapper_padding-md__GuPfx { padding: 1rem; }
.Wrapper_padding-lg__JsiHk { padding: 1.5rem; }
.Wrapper_padding-xl__vhZmq { padding: 2rem; }
.Wrapper_padding-xxl__QMCxr { padding: 3rem; }

/* Padding X utilities */
.Wrapper_paddingX-xs__\+yVfw { padding-left: 0.25rem; padding-right: 0.25rem; }
.Wrapper_paddingX-sm__csLl6 { padding-left: 0.5rem; padding-right: 0.5rem; }
.Wrapper_paddingX-md__OpamM { padding-left: 1rem; padding-right: 1rem; }
.Wrapper_paddingX-lg__eADhc { padding-left: 1.5rem; padding-right: 1.5rem; }
.Wrapper_paddingX-xl__3CHcT { padding-left: 2rem; padding-right: 2rem; }
.Wrapper_paddingX-xxl__cj-Yu { padding-left: 3rem; padding-right: 3rem; }

/* Padding Y utilities */
.Wrapper_paddingY-xs__O\+XsD { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.Wrapper_paddingY-sm__cC1J2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.Wrapper_paddingY-md__Cnc3X { padding-top: 1rem; padding-bottom: 1rem; }
.Wrapper_paddingY-lg__d5PV7 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.Wrapper_paddingY-xl__lf9WH { padding-top: 2rem; padding-bottom: 2rem; }
.Wrapper_paddingY-xxl__rSIA8 { padding-top: 3rem; padding-bottom: 3rem; }

/* Individual padding utilities */
.Wrapper_paddingTop-xs__TjZL- { padding-top: 0.25rem; }
.Wrapper_paddingTop-sm__1XJbV { padding-top: 0.5rem; }
.Wrapper_paddingTop-md__zulfm { padding-top: 1rem; }
.Wrapper_paddingTop-lg__RfjTd { padding-top: 1.5rem; }
.Wrapper_paddingTop-xl__KDdr4 { padding-top: 2rem; }
.Wrapper_paddingTop-xxl__xGN19 { padding-top: 3rem; }

.Wrapper_paddingRight-xs__sZBsc { padding-right: 0.25rem; }
.Wrapper_paddingRight-sm__ZinSn { padding-right: 0.5rem; }
.Wrapper_paddingRight-md__2bfTm { padding-right: 1rem; }
.Wrapper_paddingRight-lg__oSrBS { padding-right: 1.5rem; }
.Wrapper_paddingRight-xl__-uvZv { padding-right: 2rem; }
.Wrapper_paddingRight-xxl__GiUZ9 { padding-right: 3rem; }

.Wrapper_paddingBottom-xs__DXDgt { padding-bottom: 0.25rem; }
.Wrapper_paddingBottom-sm__RkdyA { padding-bottom: 0.5rem; }
.Wrapper_paddingBottom-md__WayPg { padding-bottom: 1rem; }
.Wrapper_paddingBottom-lg__86EFF { padding-bottom: 1.5rem; }
.Wrapper_paddingBottom-xl__zLlBF { padding-bottom: 2rem; }
.Wrapper_paddingBottom-xxl__hzw\+\+ { padding-bottom: 3rem; }

.Wrapper_paddingLeft-xs__ed7jX { padding-left: 0.25rem; }
.Wrapper_paddingLeft-sm__ladzc { padding-left: 0.5rem; }
.Wrapper_paddingLeft-md__ZPzGy { padding-left: 1rem; }
.Wrapper_paddingLeft-lg__HtDOP { padding-left: 1.5rem; }
.Wrapper_paddingLeft-xl__MCP7Y { padding-left: 2rem; }
.Wrapper_paddingLeft-xxl__-duFn { padding-left: 3rem; }

/* Margin utilities */
.Wrapper_margin-xs__YiXyP { margin: 0.25rem; }
.Wrapper_margin-sm__voK6A { margin: 0.5rem; }
.Wrapper_margin-md__3OmZ1 { margin: 1rem; }
.Wrapper_margin-lg__cdxwt { margin: 1.5rem; }
.Wrapper_margin-xl__XcQUm { margin: 2rem; }
.Wrapper_margin-xxl__h2vlQ { margin: 3rem; }
.Wrapper_margin-auto__l4dRU { margin: auto; }

/* Margin X utilities */
.Wrapper_marginX-xs__Pmn2L { margin-left: 0.25rem; margin-right: 0.25rem; }
.Wrapper_marginX-sm__ehlGY { margin-left: 0.5rem; margin-right: 0.5rem; }
.Wrapper_marginX-md__KLGzU { margin-left: 1rem; margin-right: 1rem; }
.Wrapper_marginX-lg__JU61K { margin-left: 1.5rem; margin-right: 1.5rem; }
.Wrapper_marginX-xl__S\+a9c { margin-left: 2rem; margin-right: 2rem; }
.Wrapper_marginX-xxl__SiXR\+ { margin-left: 3rem; margin-right: 3rem; }
.Wrapper_marginX-auto__uj70S { margin-left: auto; margin-right: auto; }

/* Margin Y utilities */
.Wrapper_marginY-xs__PfWXy { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.Wrapper_marginY-sm__GkIlL { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.Wrapper_marginY-md__m0vO\+ { margin-top: 1rem; margin-bottom: 1rem; }
.Wrapper_marginY-lg__zrCwQ { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.Wrapper_marginY-xl__Q0oX8 { margin-top: 2rem; margin-bottom: 2rem; }
.Wrapper_marginY-xxl__DXnGR { margin-top: 3rem; margin-bottom: 3rem; }
.Wrapper_marginY-auto__ceGCP { margin-top: auto; margin-bottom: auto; }

/* Individual margin utilities */
.Wrapper_marginTop-xs__txuZE { margin-top: 0.25rem; }
.Wrapper_marginTop-sm__olZhA { margin-top: 0.5rem; }
.Wrapper_marginTop-md__WvrZg { margin-top: 1rem; }
.Wrapper_marginTop-lg__EygUz { margin-top: 1.5rem; }
.Wrapper_marginTop-xl__kKqpi { margin-top: 2rem; }
.Wrapper_marginTop-xxl__g-2TK { margin-top: 3rem; }
.Wrapper_marginTop-auto__EgB4G { margin-top: auto; }

.Wrapper_marginRight-xs__UZNiT { margin-right: 0.25rem; }
.Wrapper_marginRight-sm__MPhf6 { margin-right: 0.5rem; }
.Wrapper_marginRight-md__WT0i6 { margin-right: 1rem; }
.Wrapper_marginRight-lg__ViwmZ { margin-right: 1.5rem; }
.Wrapper_marginRight-xl__lHGqH { margin-right: 2rem; }
.Wrapper_marginRight-xxl__zAAom { margin-right: 3rem; }
.Wrapper_marginRight-auto__6aIyq { margin-right: auto; }

.Wrapper_marginBottom-xs__NQjTc { margin-bottom: 0.25rem; }
.Wrapper_marginBottom-sm__VQ-DE { margin-bottom: 0.5rem; }
.Wrapper_marginBottom-md__ld3kV { margin-bottom: 1rem; }
.Wrapper_marginBottom-lg__-jSZB { margin-bottom: 1.5rem; }
.Wrapper_marginBottom-xl__X8ZXr { margin-bottom: 2rem; }
.Wrapper_marginBottom-xxl__cO3uo { margin-bottom: 3rem; }
.Wrapper_marginBottom-auto__abJMv { margin-bottom: auto; }

.Wrapper_marginLeft-xs__FT8zC { margin-left: 0.25rem; }
.Wrapper_marginLeft-sm__KOytU { margin-left: 0.5rem; }
.Wrapper_marginLeft-md__VrsJw { margin-left: 1rem; }
.Wrapper_marginLeft-lg__jUpOj { margin-left: 1.5rem; }
.Wrapper_marginLeft-xl__WQ9vo { margin-left: 2rem; }
.Wrapper_marginLeft-xxl__8QpjR { margin-left: 3rem; }
.Wrapper_marginLeft-auto__\+ucQU { margin-left: auto; }

.Wrapper_center__DGpJ1 {
  margin-left: auto;
  margin-right: auto;
}

/* .fullHeight {
  height: 100vh;
} */
/***********************
  Layout & Container
***********************/
.CISODashboard_container__iMEb6 {
  padding: 1.5rem;
  font-family: 'Inter', sans-serif;
  background: #f9fafb;
  color: #111827;
}

.CISODashboard_grid2__Ex51M {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.CISODashboard_grid3__3tR3G {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

/***********************
  Header
***********************/
.CISODashboard_header__gr4rl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

.CISODashboard_headerLeft__dRBzP {
  display: flex;
  flex-direction: column;
}

.CISODashboard_title__O3le6 {
  font-size: 1.5rem;
  font-weight: 700;
}

.CISODashboard_lastUpdated__t\+ch0 {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #6b7280;
}

.CISODashboard_icon__27PBS {
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
}

.CISODashboard_headerRight__UWPuO {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.CISODashboard_filterGroup__J0Nwc {
  display: flex;
  align-items: center;
  background: white;
  border: 1px solid #e5e7eb;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
}

.CISODashboard_select__BCgqp {
  border: none;
  outline: none;
  font-size: 0.875rem;
  margin-left: 0.25rem;
  background: transparent;
}

.CISODashboard_exportButton__XhTKt {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background: #2563eb;
  color: white;
  padding: 0.5rem 0.75rem;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
  font-size: 0.875rem;
}

.CISODashboard_exportButton__XhTKt:hover {
  background: #1e40af;
}

.CISODashboard_iconSmall__g2ZTf {
  width: 1rem;
  height: 1rem;
}

/***********************
  Cards
***********************/
.CISODashboard_card__thVCI {
  background: white;
  border-radius: 0.75rem;
  padding: 1rem;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.CISODashboard_cardHeader__5Lqs2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.CISODashboard_sectionTitle__r42Mw {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.CISODashboard_cardNote__uO0K9 {
  font-size: 0.75rem;
  color: #6b7280;
}

/***********************
  KPI Circles
***********************/
.CISODashboard_circleWrapper__rPQQx {
  position: relative;
  width: 128px;
  height: 128px;
  margin: 0 auto;
}

.CISODashboard_circle__auMBC {
  width: 128px;
  height: 128px;
  transform: rotate(-90deg);
}

.CISODashboard_bgCircle__24nSy {
  fill: none;
  stroke: #e5e7eb;
  stroke-width: 12;
}

.CISODashboard_fgCircle__cGQTV {
  fill: none;
  stroke: #2563eb;
  stroke-width: 12;
  stroke-linecap: round;
}

.CISODashboard_circleText__RqxCj {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.25rem;
  font-weight: 700;
}

.CISODashboard_circleWrapperSmall__EFO7K {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

.CISODashboard_circleSmall__Bitd- {
  width: 100px;
  height: 100px;
}

.CISODashboard_bgPath__OxKpR {
  fill: none;
  stroke: #e5e7eb;
  stroke-width: 3;
}

.CISODashboard_fgPath__tmV1P {
  fill: none;
  stroke: #16a34a;
  stroke-width: 3;
  stroke-linecap: round;
}

.CISODashboard_circleTextSmall__bey-7 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 600;
}

/***********************
  Incidents
***********************/
.CISODashboard_incidentBox__BZsam {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.CISODashboard_incidentCount__lgEdO {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 2rem;
  font-weight: 700;
}

.CISODashboard_incidentNumber__4K2WH {
  font-size: 2rem;
  font-weight: 700;
}

.CISODashboard_incidentTags__p0MJu {
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.CISODashboard_tag__radyJ {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 500;
}

/***********************
  Progress Bars
***********************/
.CISODashboard_progressRow__s8nP\+ {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.CISODashboard_progressLabel__IQf6u {
  flex: 1 1;
}

.CISODashboard_progressBar__FkgP8 {
  flex: 3 1;
  background: #e5e7eb;
  border-radius: 0.25rem;
  height: 0.5rem;
  overflow: hidden;
}

.CISODashboard_progressFill__p-jGJ {
  height: 100%;
  border-radius: 0.25rem;
}

.CISODashboard_progressValue__VhvGE {
  flex: 0.5 1;
  text-align: right;
  font-size: 0.75rem;
}

.CISODashboard_domainRow__RzRul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.CISODashboard_domainProgress__Es1PI {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.CISODashboard_progressBarSm__ErbVT {
  width: 100px;
  height: 0.5rem;
  background: #e5e7eb;
  border-radius: 0.25rem;
}

.CISODashboard_progressFillBlue__eS3f2 {
  background: #2563eb;
  height: 100%;
  border-radius: 0.25rem;
}

.CISODashboard_domainValue__qyLSE {
  font-size: 0.75rem;
}

/***********************
  Policy
***********************/
.CISODashboard_table__Mvucc {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}

.CISODashboard_table__Mvucc th,
.CISODashboard_table__Mvucc td {
  padding: 0.5rem;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
}

.CISODashboard_statusBadge__CNMa\+ {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
}

.CISODashboard_pass__fc7xC {
  background: #dcfce7;
  color: #166534;
}

.CISODashboard_fail__40ymW {
  background: #fee2e2;
  color: #991b1b;
}

.CISODashboard_coverageRow__QkWie {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

.CISODashboard_coverageBar__Ue4RY {
  flex: 1 1;
  margin-left: 0.5rem;
  background: #e5e7eb;
  border-radius: 0.25rem;
  position: relative;
  height: 0.75rem;
}

.CISODashboard_coverageFill__7cvm0 {
  background: #2563eb;
  height: 100%;
  border-radius: 0.25rem;
}

.CISODashboard_coverageValue__zyPa5 {
  position: absolute;
  right: 0.25rem;
  top: -1.25rem;
  font-size: 0.75rem;
}

/***********************
  MITRE
***********************/
.CISODashboard_techniqueRow__Pkbyr,
.CISODashboard_techniqueRowAlt__BDr6O {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

.CISODashboard_techniqueStats__JkH2G {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.CISODashboard_freqBox__4F2pE {
  width: 40px;
  text-align: center;
  font-weight: 600;
  border-radius: 0.25rem;
  padding: 0.25rem 0;
  color: white;
}

.CISODashboard_rank__gbhnM {
  background: #e5e7eb;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 600;
  margin-right: 0.5rem;
}

.CISODashboard_techCount__JkAgY {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/***********************
  Incidents Table
***********************/
.CISODashboard_link__8dBSQ {
  color: #2563eb;
  cursor: pointer;
}

.CISODashboard_link__8dBSQ:hover {
  text-decoration: underline;
}

/***********************
  MTTR
***********************/
.CISODashboard_mttrChart__kV5xR {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  height: 220px;
}

.CISODashboard_mttrBarWrapper__zby-U {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  flex: 1 1;
}

.CISODashboard_mttrBar__0tell {
  width: 20px;
  background: #2563eb;
  border-radius: 0.25rem;
}

.CISODashboard_mttrMonth__5Z-vQ {
  font-size: 0.75rem;
  color: #6b7280;
}

.CISODashboard_mttrValue__IIfd7 {
  font-size: 0.75rem;
  font-weight: 600;
}

.CISODashboard_mttrNote__krDs4 {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #6b7280;
}

/***********************
  Severity Colors
***********************/
.CISODashboard_severity__R6ENB {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 600;
  text-transform: capitalize;
}

.CISODashboard_critical__aaApl {
  background: #dc2626;
  color: white;
}

.CISODashboard_high__7b49N {
  background: #ea580c;
  color: white;
}

.CISODashboard_medium__Xcd4C {
  background: #facc15;
  color: #1f2937;
}

.CISODashboard_low__DhGiQ {
  background: #22c55e;
  color: white;
}

.CISODashboard_default__ysPwV {
  background: #9ca3af;
  color: white;
}

/***********************
  Colors for Progress
***********************/
.CISODashboard_green__yNgBo { background: #22c55e; }
.CISODashboard_greenDark__4I7Bd { background: #166534; }
.CISODashboard_blue__6CpPA { background: #2563eb; }
.CISODashboard_blueDark__uv5YF { background: #1e3a8a; }
.CISODashboard_yellow__1AlSF { background: #facc15; }
.CISODashboard_red__7foXl { background: #dc2626; }
.CISODashboard_orange__LyFyK { background: #ea580c; }

/***********************
  Trend Colors
***********************/
.CISODashboard_trendUp__Cu1pS { color: #16a34a; }
.CISODashboard_trendDown__Jukeu { color: #dc2626; }
.CISODashboard_trendStable__p\+p3O { color: #6b7280; }

.SelectableCard_card__FH9vX {
  border: 1px solid #d1d5db;
  border-radius: 10px;
  padding: 16px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  transition: box-shadow 0.3s ease, transform 0.2s ease;
  margin-bottom: 12px;
  -webkit-user-select: none;
          user-select: none;
}

.SelectableCard_card__FH9vX:hover {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
    border-color: #60a5fa; /* hover border */
}

.SelectableCard_selected__3O9Um {
  background-color: #e0f2fe;
  border-color: #38bdf8;
}

.SelectableCard_card__FH9vX.SelectableCard_selected__3O9Um::after {
  color: #38bdf8;
  font-size: 20px;
  position: absolute;
  top: 12px;
  right: 16px;
}

.SelectableCard_header__r-9r\+ {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

/* .radio {
  margin-right: 10px;
  cursor: pointer;
  accent-color: #3b82f6;
} */

.SelectableCard_title__QftmE {
  font-size: 18px;
  color: #1f2937;
  margin: 0;
  margin-left : 10px;
}

.SelectableCard_description__E76-i {
  font-size: 15px;
  color: #4b5563;
  line-height: 1.5;
}

/* .radio {
  appearance: none;
  -webkit-appearance: none;
  border: 2px solid #ccc;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: relative;
  margin-right: 10px;
  cursor: pointer;
} */

/* .radio:checked::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  background-color: #1976d2;
  border-radius: 50%;
} */
.accordion {
    background: #fff;
    border-radius: 0.5rem !important;
    padding: 0 !important;
    border: 1px solid rgb(192, 192, 192, 0.5);
  }
.ScanListView_topBar__mvrLY {
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px; /* Reduced from 10px */
  flex-wrap: wrap;
  margin-top: 4px; /* Reduced from 7px */
}

.ScanListView_tabContainer__df4l1 {
  width: 50%;
}

.ScanListView_rightActions__E79lz {
  display: flex;
  width: 50%;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: nowrap;
}

.ScanListView_iconGroup__Vyk09 {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.ScanListView_statusCircle__sF\+-1 {
  width: 14px;
  height: 14px;
  border-radius: 50%;
}

/* Pagination */
.ScanListView_paginationContainer__ErQc\+ {
  padding-top: 1rem;
}

.ScanListView_paginationContainer__ErQc\+.ScanListView_sticky__eBcb4 {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 10;
}

@media (max-width: 720px) {
  .ScanListView_topBar__mvrLY {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 3px; /* Reduced */
  }

  .ScanListView_tabContainer__df4l1,
  .ScanListView_rightActions__E79lz {
    width: 100%;
  }

  .ScanListView_rightActions__E79lz {
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .ScanListView_searchBox__Qq\+\+O {
    width: 200px !important;
  }
}

@media (max-width: 480px) {
  .ScanListView_rightActions__E79lz {
    justify-content: flex-start;
    gap: 0.5rem;
    margin-top: 3px;
  }

  .ScanListView_searchBox__Qq\+\+O {
    width: 240px !important;
  }

  .ScanListView_iconGroup__Vyk09 {
    gap: 0.25rem;
  }
}

/* Agent based vulnerabilty css */

.accordion-root {
  width: 100%;
  margin-bottom: 0.25rem;
  overflow-x: hidden;
  font-size: 14px;
}

.accordion-icon {
  /* border: 2px solid rgba(0, 0, 0, 0.54); */
  /* border-radius: 50%; */
  width: 24px;
  height: 24px;
}

.summary-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.admin-user-content > .agent-info:first-child {
  flex-basis: 30%;
  max-width: 30%;
  box-sizing: border-box;
}

.admin-user-content > .agent-info:not(:first-child) {
  flex-basis: 20%;
  max-width: 20%;
  box-sizing: border-box;
}

.agent-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-left: 10px;
}

.agent-name {
  font-weight: bold;
  font-size: 14px;
  color: #333;
}

.agent-label {
  font-size: 14px;
  color: #777;
}

.agent-vulnerability-desc {
  font-size: 14px;
  color: #777;
}

.agent-vulnerability-label {
  font-size: 14px;
  color: #333;
  font-weight: bold;
}

.status-container {
  display: flex;
  align-items: center;
  /* flex-wrap: wrap; */
  flex-grow: 1;
  gap: 0.1rem;
}

.status-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 16px;
}

.status-label {
  font-size: 14px;
  color: #777;
  font-weight: bolder;
}

.status-value {
  background-color: #ddd;
  border-radius: 50%;
  padding: 5px;
  min-width: 30px;
  text-align: center;
}

.status-value.critical {
  background-color: #b33043;
}

.status-value.high {
  background-color: #ff4560;
}

.status-value.medium {
  background-color: #feb019;
}

.status-value.low {
  background-color: #33d0b2;
}

.accordion-details {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.agent-name-link {
  cursor: pointer;
  color: black;
  text-decoration: none;
}

.agent-name-link:hover {
  color: #0d47a1;
  text-decoration: underline;
}

.feature-link {
  cursor: pointer;
  color: #0d47a1;
}

button.feature-link {
  all: unset;
  /* Remove all default button styles */
  cursor: pointer;
  color: #0d47a1;
  font: inherit;
  display: inline;
}

button.feature-link:hover {
  text-decoration: underline;
}

.feature-link:hover {
  text-decoration: underline;
}

.info-feature-link {
  cursor: pointer;
  color: #0d47a1;
  display: flex;
  justify-content: flex-start;
  padding-left: 1rem;
}

.info-feature-link:hover {
  text-decoration: underline;
}

.accordion-details-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.details-left {
  /* flex: 1; */
  width: 35%;
}

.details-right {
  display: flex;
  justify-content: space-between;
  flex: 2 1;
  /* Allow more space for the right side */
}

.detail-item {
  display: flex;
  flex-direction: column;
  margin-right: 40px;
  width: 90%;
  /* Adjust space between right-side items */
}

.detail-item span:first-child {
  font-size: 15px;
  color: #777;
}

.detail-project {
  font-weight: bold;
  font-size: 14px;
  color: #333;
}

.details-separator {
  width: 100%;
  margin: 10px 0;
}

.filter-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-top: 0.25rem;
  margin-top: 0.5rem;
  z-index: 2;
  position: -webkit-sticky;
  position: sticky;
}

.underlined-heading {
  font-weight: bold;
  text-decoration: underline;
  margin: 10px 0;
  font-size: 17px;
}

.output-description {
  border-left: 3px solid red;
  padding: 10px;
}

.info-fields {
  margin: 10px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* .reference-item{
    margin: 5px;
} */

.info-block {
  display: flex;
  align-items: center;
}

.info-label {
  width: 150px;
  font-weight: bold;
  text-align: left;
  padding-right: 10px;
}

.info-content {
  flex: 1 1;
  text-align: left;
}

.card-container {
  margin: 1rem 0;
  border: 1px solid #d3d3d3;
  padding: 1rem;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  background-color: #f9f9f9;
  overflow: hidden;
}

.grid-row {
  display: grid;
  grid-template-columns: 60% 20% 20%;
  align-items: center;
  margin: 0.25rem 0;
  padding: 0.5rem 0;
  border-bottom: 1px solid #e0e0e0;
}

.grid-header {
  font-weight: bold;
  background-color: #f1f1f1;
  padding-left: 5px;
}

.grid-content {
  color: #333;
  padding-left: 5px;
}

.process-status-container {
  /* background-color: #010409; */
  background-color: #383838;
  color: #fff;
  /* padding: 1rem; */
  font-family:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial,
    sans-serif, 'Courier New', Courier, monospace;
  line-height: 1.6;
}

.process-step {
  /* border-bottom: 1px solid #444; */
  /* padding: 0.5rem 1.5rem; */
}

.process-step-header {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0.5rem;
  transition: background 0.3s;
  font-size: 14px;
  /* justify-content: space-between; */
}

.process-step-header:hover {
  background-color: #222;
}

.process-step-title {
  margin-left: 0.5rem;
}

.icon {
  font-size: 1rem;
  margin-right: 0.5rem;
}

.chevron-icon {
  font-size: 1rem;
  margin-right: 10px;
}

.process-step-details {
  padding-left: 1.5rem;
  font-size: 0.9rem;
  margin-top: 0.5rem;
  overflow-wrap: break-word;
  font-family: ui-monospace,
    SFMono-Regular,
    SF Mono,
    Menlo,
    Consolas,
    Liberation Mono,
    monospace !important;
  font-family: var(
    --fontStack-monospace,
    ui-monospace,
    SFMono-Regular,
    SF Mono,
    Menlo,
    Consolas,
    Liberation Mono,
    monospace
  ) !important;
}

.process-step-detail {
  margin: 0.3rem 0;
}

.no-output-message {
  color: #888;
  font-style: italic;
}

.information-text {
  color: #6868c4;
  padding-bottom: 10px;
}

.note-text {
  color: #f85454;
  padding: 0 0.5rem;
}

/* .new-comment{
    border: 1px solid #b7b0b0;
    padding: .5rem 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 1rem 0;
}

.new-comment-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.new-comment-content{

}  */

.comments-list {
  list-style-type: none;
  /* Remove default list styling */
  padding: 0;
  margin: 0;
  position: relative;
  /* For absolute positioning of the vertical line */
}

.comment-line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1.25rem;
  /* Aligns the line with the dots-avatars */
  width: 2px;
  background-color: #ddd;
  /* Line color */
  z-index: 0;
  /* Ensure the line stays behind the content */
}

.comment-item {
  position: relative;
  margin-bottom: 1rem;
  padding-left: 2.5rem;
  /* Space for the dot-vertical line */
  display: flex;
  align-items: flex-start;
}

.new-comment {
  display: flex;
  flex-direction: column;
  border: 1px solid #bcb2b2;
  /* background: rgba(255, 255, 255, 0.1); */
  /* padding: 0.5rem 1rem; */
  overflow: hidden;
  border-radius: 8px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); */
}

.new-comment-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #edf2f6;
  /* #d5f6e5 */
  padding: 5px 10px;
  border-bottom: 1px solid #bcb2b2;
}

.new-comment-content {
  margin-top: 0.5rem;
}

.new-comment-footer {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  color: #888;
  padding: 10px;
}

.dot {
  position: relative;
  width: 0.6rem;
  height: 0.6rem;
  background-color: #000;
  /* Dot color */
  border-radius: 50%;
  margin-right: 0.5rem;
  z-index: 1;
  /* Keeps the dot above the line */
}

.avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 0.5rem;
}

.custom-timeline-connector {
  background-color: #00a7ec !important;
  height: 100%;
}

.custom-timeline-item:before {
  padding: 0 !important;
  margin: 0 !important;
}

.custom-timeline {
  padding: 6px 0 !important;
}

.custom-timeline-content {
  padding-right: 0px !important;
  padding-left: 0px !important;
  margin: 5px 0;
  position: relative;
}

.custom-timeline-content::before,
.custom-timeline-content::after {
  content: '';
  height: 30px;
  width: 3px;
  /* background-color: rgb(143, 142, 142); */
  background-color: #c9c9c9;
  position: absolute;
}

.custom-timeline-content::before {
  top: -20px;
  left: 30px;
}

.custom-timeline-content::after {
  bottom: -20px;
  left: 30px;
}

.accordion-block {
  background: #fff;
  margin: 0.35rem 0;
  border-radius: 0.5rem !important;
  padding: 0 !important;
  border: 1px solid rgb(192, 192, 192, 0.5);
  transition:
    box-shadow 0.3s,
    border-color 0.3s;
}

.accordion-block:hover {
  /* border: 2px solid rgba(78, 78, 78, 0.5); */
  border: 2px solid #00a3e7;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.sticky-div {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  transition: opacity 0.3s ease;
}

.sticky-div.hidden {
  opacity: 0;
}

.selected-scans-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.vuln-icon {
  width: 1.325rem; /* 30px ÷ 16 = 1.875rem */
  height: 1.325rem;
}

.triage_table tr:hover{
 background-color: transparent;
}

.triage-left-card {
  margin: 0 auto;
  background: #f7fafd;
  border-radius: 16px;
  /* box-shadow: 0 4px 24px rgba(25, 118, 210, 0.08); */
  min-width: 320px;
  max-width: 420px;
  padding: 0px;
  width: 380px;
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden;
}

.info-label {
  font-weight: 500;
  color: #555;
  margin-right: 6px;
  font-size: 15px;
  min-width: 0;
  word-break: break-word;
  width: 90px; 
flex-shrink: 0;
}

.info-value {
  font-weight: 400;
  color: #222;
  font-size: 15px;
  min-width: 0;
  word-break: break-word;
}

.info-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}

.timeline-section {
  background: #f7fafd;
  border-radius: 8px;
  padding: 12px;
  margin-top: 8px;
}

.info-row {
  display: flex;
  align-items: center;
  min-width: 0;
  margin-bottom: 6px;
}
 /* Timeline Container */
 .MiniTimeLine_container__1QShh {
   /* background-color: white; */
   display: flex;
   flex-direction: column;
   border-radius: 8px;
 }

 /* Scrollable Container */
 .MiniTimeLine_scrollableContainer__ctI2- {
   flex: 1 1;
   overflow-y: auto;
   overflow-x: hidden;
   scrollbar-width: thin;
   scrollbar-color: #d1d5db #f3f4f6;
 }

 /* Custom Scrollbar for Webkit browsers */
 .MiniTimeLine_scrollableContainer__ctI2-::-webkit-scrollbar {
   width: 6px;
 }

 .MiniTimeLine_scrollableContainer__ctI2-::-webkit-scrollbar-track {
   background: #f3f4f6;
   border-radius: 3px;
 }

 .MiniTimeLine_scrollableContainer__ctI2-::-webkit-scrollbar-thumb {
   background: #d1d5db;
   border-radius: 3px;
 }

 .MiniTimeLine_scrollableContainer__ctI2-::-webkit-scrollbar-thumb:hover {
   background: #9ca3af;
 }

 .MiniTimeLine_timeline__Ag-OT {
   position: relative;
   padding: 0.5rem;
 }

 /* Timeline Item */
 .MiniTimeLine_timelineItem__j3te1 {
   position: relative;
   display: flex;
   align-items: flex-start;
   margin-bottom: 1.5rem;
   transition: all 0.2s ease-in-out;
 }

 .MiniTimeLine_timelineItem__j3te1:last-child {
   margin-bottom: 0;
 }

 /* Clickable Timeline Item */
 .MiniTimeLine_timelineItem__j3te1.MiniTimeLine_clickable__e4Gu9 {
   cursor: pointer;
   border-radius: 6px;
   padding: 0.25rem;
   margin: 0 -0.25rem 1.5rem -0.25rem;
 }

 .MiniTimeLine_timelineItem__j3te1.MiniTimeLine_clickable__e4Gu9:hover {
   background-color: #f9fafb;
   transform: translateX(2px);
 }

 .MiniTimeLine_timelineItem__j3te1.MiniTimeLine_clickable__e4Gu9:last-child {
   margin-bottom: -0.25rem;
 }

 /* Timeline Line */
 .MiniTimeLine_timelineLine__Y2nbx {
   position: absolute;
   left: 1rem;
   top: 2rem;
   width: 2px;
   /* height: calc(100% + 1.5rem); */
   height: 3rem;
   background-color: #e5e7eb;
   z-index: 1;
 }

 /* Timeline Marker Container */
 .MiniTimeLine_timelineMarkerContainer__Ba1DY {
   position: relative;
   flex-shrink: 0;
   margin-right: 1rem;
   z-index: 2;
 }

 /* Timeline Marker Base */
 .MiniTimeLine_timelineMarker__Cdwrd {
   width: 2rem;
   height: 2rem;
   border-radius: 50%;
   border: 2px solid;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.2s ease-in-out;
   position: relative;
 }

 /* Active Timeline Marker */
 .MiniTimeLine_timelineMarkerActive__dGK9E {
   background-color: #1f2937;
   border-color: #1f2937;
   color: white;
   box-shadow: 0 0 0 4px rgba(31, 41, 55, 0.1);
 }

 /* Inactive Timeline Marker */
 .MiniTimeLine_timelineMarkerInactive__xU986 {
   background-color: #f3f4f6;
   border-color: #d1d5db;
   color: #6b7280;
 }

 .MiniTimeLine_timelineMarkerInactive__xU986:hover {
   background-color: #e5e7eb;
   border-color: #9ca3af;
   color: #374151;
 }

 /* Timeline Content */
 .MiniTimeLine_timelineContent__FDJ0B {
   flex: 1 1;
   min-width: 0;
   padding-bottom: 0.5rem;
 }

 /* Timeline Name */
 .MiniTimeLine_timelineName__URO1o {
   font-size: 0.875rem;
   font-weight: 500;
   color: #111827;
   word-break: break-all;
   line-height: 1.4;
   margin-bottom: 0.25rem;
 }

 /* Timeline Time */
 .MiniTimeLine_timelineTime__dQRDw {
   font-size: 0.75rem;
   color: #6b7280;
   margin-bottom: 0.25rem;
 }

 /* Timeline Description */
 .MiniTimeLine_timelineDescription__hlK57 {
   font-size: 0.75rem;
   color: #4b5563;
   line-height: 1.3;
   margin-top: 0.25rem;
 }

 /* Timeline Status */
 .MiniTimeLine_timelineStatus__ZP4JO {
   font-size: 0.6875rem;
   font-weight: 500;
   padding: 0.125rem 0.375rem;
   border-radius: 0.25rem;
   display: inline-block;
   margin-top: 0.375rem;
   text-transform: uppercase;
   letter-spacing: 0.05em;
 }

 /* Status Variants */
 .MiniTimeLine_statusSuccess__69ltj {
   background-color: #dcfce7;
   color: #16a34a;
 }

 .MiniTimeLine_statusPending__mNse7 {
   background-color: #fef3c7;
   color: #d97706;
 }

 .MiniTimeLine_statusError__f2tAi {
   background-color: #fee2e2;
   color: #dc2626;
 }

 .MiniTimeLine_statusInfo__Nt76P {
   background-color: #dbeafe;
   color: #2563eb;
 }

 .MiniTimeLine_statusWarning__Tqo3W {
   background-color: #fde68a;
   color: #d97706;
 }

 .MiniTimeLine_statusDefault__Vw56- {
   background-color: #f3f4f6;
   color: #6b7280;
 }

 /* Responsive Adjustments */
 @media (max-width: 640px) {
   .MiniTimeLine_timeline__Ag-OT {
     padding: 0.25rem;
   }

   .MiniTimeLine_timelineItem__j3te1 {
     margin-bottom: 1.25rem;
   }

   .MiniTimeLine_timelineMarker__Cdwrd {
     width: 1.75rem;
     height: 1.75rem;
   }

   .MiniTimeLine_timelineMarkerContainer__Ba1DY {
     margin-right: 0.75rem;
   }

   .MiniTimeLine_timelineName__URO1o {
     font-size: 0.8125rem;
   }

   .MiniTimeLine_timelineTime__dQRDw {
     font-size: 0.6875rem;
   }
 }

 /* High Density Mode */
 .MiniTimeLine_container__1QShh.MiniTimeLine_dense__Y0Mgc .MiniTimeLine_timelineItem__j3te1 {
   margin-bottom: 1rem;
 }

 .MiniTimeLine_container__1QShh.MiniTimeLine_dense__Y0Mgc .MiniTimeLine_timelineMarker__Cdwrd {
   width: 1.5rem;
   height: 1.5rem;
 }

 .MiniTimeLine_container__1QShh.MiniTimeLine_dense__Y0Mgc .MiniTimeLine_timelineName__URO1o {
   font-size: 0.8125rem;
 }

 .MiniTimeLine_container__1QShh.MiniTimeLine_dense__Y0Mgc .MiniTimeLine_timelineTime__dQRDw {
   font-size: 0.6875rem;
 }
.ai_report_row td {
    border-bottom: none;
}

.ai_report_row.collapse-table-color {
    background-image: none
}

.ai_report_row_desc {
    border-bottom: none !important;
}

.ai_report_row_desc:hover {
    background-color: #ccecf7;
}

.ai_report_row_desc .desc {
    width: 100%;
    margin-top: 4px !important;
    margin-left: 6px !important;
    text-overflow: ellipsis;
}

.ai_report_details .history-ai-message {
    max-width: 100% !important;
    /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
}

.ai_report_highlight {
    background-image: linear-gradient(to bottom right, #ccedfa, #ffffff) !important;
}

.textarea-input-wrapper {
    position: relative;
    transition: all 0.2s ease-in-out;
}

.textarea-input-wrapper.focused {
    transform: scale(1.01);
}

.textarea-input {
    width: 100%;
    min-height: 150px;
    max-height: 300px;
    padding: 16px 48px 16px 16px;
    color: #1f2937;
    font-size: 16px;
    line-height: 1.6;
    background-color: white;
    border: 2px solid #e5e7eb;
    border-radius: 12px;
    resize: vertical;
    outline: none;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.textarea-input::placeholder {
    color: #9ca3af;
    font-weight: normal;
}

.textarea-input:hover {
    border-color: #d1d5db;
}

.textarea-input:focus {
    border-color: #38bdf8;
    box-shadow: 0 10px 25px rgba(99, 102, 241, 0.1);
    background-color: white;
}

.status-badge-ai-report {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #166534;
    padding: 6px 12px;
    border-radius: 16px;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
}

.status-dot {
    width: 0.5rem;
    height: 0.5rem;
    background: green;
    border-radius: 50%;
}

.modelButton {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #374151;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    /* Ensure button is positioned relative to create stacking context */
    position: relative;
    z-index: 51;
}

.modelButton:hover {
    background: #f8fafc;
    border-color: #3b82f6;
}
.ArtifactsTab_artifactsTabContainer__bEKNN {
  width: 100%;
  height: 100%;
}

.ArtifactsTab_typeBadge__tXNwE {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: #e0e7ff;
  color: #4338ca;
}

.ArtifactsTab_typePdf__Y7gSY {
  background-color: #fee2e2;
  color: #991b1b;
}

.ArtifactsTab_typeDocx__TLTea {
  background-color: #dbeafe;
  color: #1e40af;
}

.ArtifactsTab_typeXlsx__jHTlH {
  background-color: #d1fae5;
  color: #065f46;
}

.ArtifactsTab_typePptx__kafMg {
  background-color: #fed7aa;
  color: #9a3412;
}

.ArtifactsTab_actionButtons__odGRq {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
}

.ArtifactsTab_actionBtn__HO0MH {
  padding: 6px 10px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 14px;
  background-color: #f3f4f6;
  color: #374151;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ArtifactsTab_actionBtn__HO0MH:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.ArtifactsTab_viewBtn__dVbZk:hover {
  background-color: #dbeafe;
  color: #1e40af;
}

.ArtifactsTab_editBtn__5v3eB:hover {
  background-color: #fef3c7;
  color: #92400e;
}

.ArtifactsTab_artifactForm__SFvOZ {
  padding: 4px;
}

.ArtifactsTab_formSection__AQUSw {
  margin-bottom: 24px;
}

.ArtifactsTab_formLabels__75VJD {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
}

@media (max-width: 768px) {
  .ArtifactsTab_actionButtons__odGRq {
    flex-direction: column;
    gap: 4px;
  }

  .ArtifactsTab_actionBtn__HO0MH {
    width: 100%;
  }

  .ArtifactsTab_typeBadge__tXNwE {
    font-size: 11px;
    padding: 3px 10px;
  }
}

.ArtifactViewDialog_artifactViewOverlay__LfUW6 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 0;
}

.ArtifactViewDialog_artifactViewDialog__eRhVU {
  background: white;
  border-radius: 0;
  width: 100%;
  height: 100vh;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: none;
  overflow: hidden;
}

.ArtifactViewDialog_artifactViewHeader__RAW30 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 32px;
  border-bottom: 1px solid #e5e7eb;
  background: white;
  flex-shrink: 0;
}

.ArtifactViewDialog_headerInfo__UyElb h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #1a1a1a;
}

.ArtifactViewDialog_artifactFilename__0-4cI {
  font-size: 14px;
  color: #6b7280;
  margin-top: 4px;
  display: block;
}

.ArtifactViewDialog_closeBtn__8Or-N {
  background: none;
  border: none;
  font-size: 32px;
  color: #6b7280;
  cursor: pointer;
  padding: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: all 0.2s;
}

.ArtifactViewDialog_closeBtn__8Or-N:hover {
  background: #e5e7eb;
  color: #1a1a1a;
}

.ArtifactViewDialog_artifactViewContent__zDl\+h {
  display: grid;
  grid-template-columns: 1fr 543px;
  grid-gap: 0;
  gap: 0;
  flex: 1 1;
  overflow: hidden;
}

.ArtifactViewDialog_documentViewerSection__bVOHd {
  background: #f3f4f6;
  overflow: hidden;
  border-right: 1px solid #e5e7eb;
}

.ArtifactViewDialog_tabsSection__\+B510 {
  background: #f9fafb;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.ArtifactViewDialog_tabsWrapper__yXksM {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ArtifactViewDialog_tabsWrapper__yXksM > * {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.ArtifactViewDialog_tabsWrapper__yXksM > * > *:last-child {
  flex: 1 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

@media (max-width: 1200px) {
  .ArtifactViewDialog_artifactViewContent__zDl\+h {
    grid-template-columns: 1fr 350px;
  }
}

@media (max-width: 968px) {
  .ArtifactViewDialog_artifactViewContent__zDl\+h {
    grid-template-columns: 1fr;
  }

  .ArtifactViewDialog_documentViewerSection__bVOHd {
    border-right: none;
    border-bottom: 1px solid #e5e7eb;
    height: 50vh;
  }

  .ArtifactViewDialog_tabsSection__\+B510 {
    height: 50vh;
  }
}

/* src/TiptapEditor/styles/MyTextEditor.module.css
:global(body) {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 0;
}

:global(input:focus),
:global(textarea:focus),
:global(select:focus),
:global(button:focus) {
  outline: none;
}

.editorContainer {
  border: 1px solid #d1d5db;
  border-radius: 8px;
  overflow: hidden;
  margin: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 600px;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
}

.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 5000;
  border: none;
  border-radius: 0;
  max-width: 100%;
  height: 100%;
}

.editorToolbar {
  padding: 8px 12px;
  background-color: #fff;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  position: sticky;
  top: 0;
  z-index: 100;
}

.toolbarButton {
  background: none;
  border: 1px solid transparent;
  padding: 6px 8px;
  margin: 0;
  cursor: pointer;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: #374151;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.toolbarButton svg {
  font-size: 14px;
  color: currentColor;
}

.toolbarButton:hover:not(:disabled) {
  background-color: #e5e7eb;
}

.toolbarButton.isActive {
  background-color: #d1d5db;
  color: #1f2937;
}

.toolbarButton:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.toolbarSeparator {
  width: 1px;
  height: 20px;
  background-color: #d1d5db;
  margin: 0 8px;
  align-self: center;
}
.toolbarSeparatorDropdown {
  height: 1px;
  width: 100%;
  background-color: #d1d5db;
  margin: 4px 0;
}

.toolbarDropdown {
  position: relative;
  display: inline-block;
}

.dropdownContent {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 200px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  padding: 8px;
  z-index: 110;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  top: 100%;
  left: 0;
  margin-top: 4px;
}

.dropdownContent.show {
  display: block;
}

.dropdownContent button {
  display: block;
  width: 100%;
  padding: 8px 12px;
  text-align: left;
  background: none;
  border: none;
  border-radius: 4px;
  color: #374151;
  cursor: pointer;
  font-size: 0.9rem;
}
.dropdownContent button:hover:not(:disabled) {
  background-color: #f3f4f6;
}
.dropdownContent button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.toolbarSelectContainer {
  min-width: 150px;
  display: inline-block;
}
.toolbarSelectContainer :global(.react-select__control) {
  min-height: 34px !important;
  height: 34px !important;
  border-color: #d1d5db !important;
  border-radius: 6px !important;
}
.toolbarSelectContainer :global(.react-select__control--is-focused) {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 1px #3b82f6 !important;
}
.toolbarSelectContainer :global(.react-select__value-container) {
  height: 34px !important;
  padding: 0 8px !important;
}
.toolbarSelectContainer :global(.react-select__indicators) {
  height: 34px !important;
}
.toolbarSelectContainer :global(.react-select__indicator-separator) {
  display: none !important;
}
.toolbarSelectContainer :global(.react-select__menu) {
  border-radius: 6px !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  z-index: 120 !important;
}
.toolbarSelectContainer :global(.react-select__option--is-focused) {
  background-color: #eff6ff !important;
}
.toolbarSelectContainer :global(.react-select__option--is-selected) {
  background-color: #3b82f6 !important;
  color: white !important;
}

.toolbarSelect {
  padding: 6px 8px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background-color: white;
  color: #374151;
  min-width: 60px;
  height: 34px;
}
.toolbarSelect:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.editorBody {
  flex-grow: 1;
  overflow-y: auto;
  padding: 0;
  position: relative;
  display: flex;
  background-color: #ffffff;
}

.editorTextarea {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  padding: 16px;
  box-sizing: border-box;
  font-family: 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
  font-size: 1rem;
  line-height: 1.6;
  resize: none;
  background-color: #f9fafb;
  color: #1f2937;
}

.editorContent {
  width: 100%;
  height: 100%;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  overflow-y: auto;
}

.editorProseMirror {
  height: 100%;
  outline: none !important;
  padding: 16px;
  box-sizing: border-box;
}

.editorProseMirror p.is-editor-empty:first-child::before {
  content: attr(data-placeholder);
  float: left;
  color: #9ca3af;
  pointer-events: none;
  height: 0;
}

.markdownPreview {
  width: 100%;
  height: 100%;
  padding: 16px;
  box-sizing: border-box;
  overflow-y: auto;
  background-color: #ffffff;
  line-height: 1.6;
  color: #1f2937;
}

.editorProseMirror blockquote,
.markdownPreview blockquote {
  border-left: 4px solid #a78bfa;
  background: #f5f3ff;
  margin: 1.5em 0;
  padding: 1em 1.5em;
  color: #5b21b6;
  font-style: italic;
  border-radius: 6px;
}

.editorProseMirror pre,
.markdownPreview pre {
  background: #1f2937;
  color: #f3f4f6;
  border-radius: 6px;
  font-family: 'Fira Mono', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
  padding: 1.2em 1.5em;
  margin: 1.5em 0;
  overflow-x: auto;
  font-size: 0.95em;
  line-height: 1.6;
  border: 1px solid #374151;
}

.editorProseMirror pre code,
.markdownPreview pre code {
  background: none !important;
  color: inherit !important;
  padding: 0;
  margin: 0;
  font-size: inherit;
  border-radius: 0;
  border: none;
}

.editorProseMirror code,
.markdownPreview code {
  background: #e0e7ff;
  color: #4338ca;
  border-radius: 4px;
  font-family: 'Fira Mono', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
  padding: 0.2em 0.4em;
  font-size: 0.9em;
  margin: 0 0.1em;
  border: 1px solid #c7d2fe;
  word-break: break-all;
}

.editorProseMirror ul[data-type="taskList"] {
  padding-left: 0;
  list-style-type: none !important;
  margin-left: 4px;
}

.editorProseMirror ul[data-type="taskList"] li,
.editorProseMirror ul[data-type="taskList"] li > p {
  display: flex !important;
  margin-bottom: 0.5em;
  list-style-type: none !important;
  padding-left: 0;
}

.editorProseMirror ul[data-type="taskList"] li > label {
  display: inline-flex;
  margin-right: 8px;
}

.editorProseMirror ul[data-type="taskList"] li > label input[type="checkbox"] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  cursor: pointer;
  border: 1px solid #9ca3af;
  border-radius: 4px;
  background-color: #ffffff;
  appearance: none;
  position: relative;
}
.editorProseMirror ul[data-type="taskList"] li > label input[type="checkbox"]:checked {
  background-color: #3b82f6;
  border-color: #3b82f6;
}
.editorProseMirror ul[data-type="taskList"] li > label input[type="checkbox"]:checked::before {
  content: "✔";
  color: white;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
}

.editorProseMirror ul[data-type="taskList"] li > div {
  flex-grow: 1;
  line-height: 1.5;
}

.editorProseMirror ul[data-type="taskList"] li > div > p{
 margin-top: 0 !important;
 margin-bottom: 0 !important;
}

.editorProseMirror ul[data-type="taskList"] li[data-checked="true"] > div {
  text-decoration: line-through;
  color: #6b7280;
}
.editorProseMirror ul[data-type="taskList"] li > p {
  margin: 0;
  flex-grow: 1;
}

.editorProseMirror ul ul,
.editorProseMirror ul ol,
.editorProseMirror ol ul,
.editorProseMirror ol ol {
  margin-left: 1.5em;
}

.editorProseMirror .tableWrapper {
  overflow-x: auto;
  margin: 1em 0;
  border: 1px solid #d1d5db;
  border-radius: 6px;
}
.editorProseMirror table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.editorProseMirror th,
.editorProseMirror td {
  border: 1px solid #e5e7eb;
  padding: 10px 12px;
  vertical-align: top;
  min-width: 50px;
  position: relative;
}
.editorProseMirror th {
  background: #f9fafb;
  font-weight: 600;
  text-align: left;
}
.editorProseMirror .column-resize-handle {
  position: absolute;
  right: -2px;
  top: 0;
  bottom: 0;
  width: 4px;
  cursor: col-resize;
  background-color: #3b82f6;
  opacity: 0.3;
  z-index: 20;
  transition: opacity 0.2s;
}
.editorProseMirror .column-resize-handle:hover {
  opacity: 0.7;
}

.editorProseMirror .mention-node {
  background-color: #e0e7ff !important;
  color: #3730a3;
  padding: 0.1em 0.3em;
  border-radius: 4px;
  font-weight: 500;
}

.editorProseMirror details {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  margin: 1em 0;
  background-color: #f9fafb;
}
.editorProseMirror details summary {
  padding: 0.5em 1em;
  font-weight: 600;
  cursor: pointer;
  outline: none;
  background-color: #f3f4f6;
  border-bottom: 1px solid #e5e7eb;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.editorProseMirror details summary:hover {
  background-color: #e5e7eb;
}
.editorProseMirror details div[data-details-content] {
  padding: 1em;
}

.editorProseMirror img {
  max-width: 100%;
  height: auto;
  display: block;
}

.editorProseMirror ul li p{
  display: inline;
}


:global(.dark) .editorContainer {
  background-color: #1f2937;
  border-color: #374151;
  color: #d1d5db;
}
:global(.dark) .editorToolbar {
  background-color: #374151;
  border-bottom-color: #4b5563;
}
:global(.dark) .toolbarButton {
  color: #d1d5db;
}
:global(.dark) .toolbarButton:hover:not(:disabled) {
  background-color: #4b5563;
}
:global(.dark) .toolbarButton.isActive {
  background-color: #52525b;
  color: #f3f4f6;
}
:global(.dark) .toolbarSeparator {
  background-color: #4b5563;
}
:global(.dark) .toolbarSelectContainer :global(.react-select__control) {
  background-color: #374151 !important;
  border-color: #4b5563 !important;
}
:global(.dark) .toolbarSelectContainer :global(.react-select__single-value) {
  color: #d1d5db !important;
}
:global(.dark) .toolbarSelectContainer :global(.react-select__menu) {
  background-color: #374151 !important;
  border-color: #4b5563 !important;
}
:global(.dark) .toolbarSelectContainer :global(.react-select__option) {
  color: #d1d5db;
}
:global(.dark) .toolbarSelectContainer :global(.react-select__option--is-focused) {
  background-color: #4b5563 !important;
}
:global(.dark) .toolbarSelectContainer :global(.react-select__option--is-selected) {
  background-color: #1d4ed8 !important;
  color: white !important;
}

:global(.dark) .editorTextarea {
  background-color: #111827;
  color: #d1d5db;
}
:global(.dark) .markdownPreview {
  background-color: #1f2937;
  color: #d1d5db;
}
:global(.dark) .editorProseMirror {
  color: #d1d5db;
}
:global(.dark) .editorProseMirror blockquote,
:global(.dark) .markdownPreview blockquote {
  border-left-color: #6d28d9;
  background: #3730a3;
  color: #e0e7ff;
}
:global(.dark) .editorProseMirror pre,
:global(.dark) .markdownPreview pre {
  background: #0f172a;
  color: #e2e8f0;
  border-color: #334155;
}
:global(.dark) .editorProseMirror code,
:global(.dark) .markdownPreview code {
  background: #312e81;
  color: #c7d2fe;
  border-color: #4338ca;
}

:global(.dark) .editorProseMirror ul[data-type="taskList"] li > label input[type="checkbox"] {
  border-color: #6b7280;
  background-color: #374151;
}
:global(.dark) .editorProseMirror ul[data-type="taskList"] li > label input[type="checkbox"]:checked {
  background-color: #2563eb;
  border-color: #2563eb;
}
:global(.dark) .editorProseMirror ul[data-type="taskList"] li[data-checked="true"] > div {
  color: #9ca3af;
}

:global(.dark) .editorProseMirror .mention-node {
  background-color: #3730a3;
  color: #e0e7ff;
}

:global(.dark) .editorProseMirror details {
  border-color: #4b5563;
  background-color: #374151;
}
:global(.dark) .editorProseMirror details summary {
  background-color: #4b5563;
  border-bottom-color: #374151;
  color: #e5e7eb;
}
:global(.dark) .editorProseMirror details summary:hover {
  background-color: #52525b;
}
:global(.dark) .editorProseMirror details div[data-details-content] {
  color: #d1d5db;
} */

/* src>TiptapEditor>styles>MyTextEditor.module.css */
body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 0;
}

input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: none;
}

.Editor_editorContainer__37haM {
  border: 1px solid #d1d5db;
  border-radius: 8px;
  overflow: hidden;
  margin: auto;
  /* margin-top: 20px; */
  width: 100%;
  /* max-width: 90%; */
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #ffffff;
  /* box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); */
  transition: all 0.3s ease-in-out;
  position: relative;
  /* Make container relative for absolute positioning of footer */
}

/* Add padding-bottom when fixed footer is present */
.Editor_withFixedFooter__dhZ8u .Editor_editorBody__mLnYv {
  /* padding-bottom: 8px; */
  /* Adjust based on footer height */
}

.Editor_fullscreen__w2QMW {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 5000;
  border: none;
  border-radius: 0;
  max-width: 100%;
  height: 100%;
}

/* Fixed Footer Styles - positioned relative to parent container */
.Editor_fixedFooter__qyho1 {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  border-top: 1px solid #e5e7eb;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  z-index: 100;
  padding: 14px 16px;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
  border-bottom-left-radius: 7px;
  /* Match container border radius */
  border-bottom-right-radius: 7px;
  /* Match container border radius */
}

.Editor_editorToolbar__VIgts {
  padding: 8px 12px;
  background-color: #fff;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
}

.Editor_toolbarButton__j-AEG {
  background: none;
  border: 1px solid transparent;
  padding: 6px 8px;
  margin: 0;
  cursor: pointer;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: #374151;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}

.Editor_toolbarButton__j-AEG svg {
  font-size: 14px;
  color: currentColor;
}

.Editor_toolbarButton__j-AEG:hover:not(:disabled) {
  background-color: #e5e7eb;
}

.Editor_toolbarButton__j-AEG.Editor_isActive__BOdNq {
  background-color: #d1d5db;
  color: #1f2937;
}

.Editor_toolbarButton__j-AEG:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.Editor_toolbarSeparator__v8bh\+ {
  width: 1px;
  height: 20px;
  background-color: #d1d5db;
  margin: 0 8px;
  align-self: center;
}

.Editor_toolbarSeparatorDropdown__IVjZw {
  height: 1px;
  width: 100%;
  background-color: #d1d5db;
  margin: 4px 0;
}

.Editor_toolbarDropdown__rh7xz {
  position: relative;
  display: inline-block;
}

.Editor_dropdownContent__EzeAL {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 200px;
  box-shadow:
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  padding: 8px;
  z-index: 110;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  top: 100%;
  left: 0;
  margin-top: 4px;
}

.Editor_dropdownContent__EzeAL.Editor_show__DWYL\+ {
  display: block;
}

.Editor_dropdownContent__EzeAL button {
  display: block;
  width: 100%;
  padding: 8px 12px;
  text-align: left;
  background: none;
  border: none;
  border-radius: 4px;
  color: #374151;
  cursor: pointer;
  font-size: 0.9rem;
}

.Editor_dropdownContent__EzeAL button:hover:not(:disabled) {
  background-color: #f3f4f6;
}

.Editor_dropdownContent__EzeAL button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.Editor_toolbarSelectContainer__-fj5V {
  min-width: 150px;
  display: inline-block;
}

.Editor_toolbarSelectContainer__-fj5V .react-select__control {
  min-height: 34px !important;
  height: 34px !important;
  border-color: #d1d5db !important;
  border-radius: 6px !important;
}

.Editor_toolbarSelectContainer__-fj5V .react-select__control--is-focused {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 1px #3b82f6 !important;
}

.Editor_toolbarSelectContainer__-fj5V .react-select__value-container {
  height: 34px !important;
  padding: 0 8px !important;
}

.Editor_toolbarSelectContainer__-fj5V .react-select__indicators {
  height: 34px !important;
}

.Editor_toolbarSelectContainer__-fj5V .react-select__indicator-separator {
  display: none !important;
}

.Editor_toolbarSelectContainer__-fj5V .react-select__menu {
  border-radius: 6px !important;
  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  z-index: 120 !important;
}

.Editor_toolbarSelectContainer__-fj5V .react-select__option--is-focused {
  background-color: #eff6ff !important;
}

.Editor_toolbarSelectContainer__-fj5V .react-select__option--is-selected {
  background-color: #3b82f6 !important;
  color: white !important;
}

.Editor_toolbarSelect__Gf9Nh {
  padding: 6px 8px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background-color: white;
  color: #374151;
  min-width: 60px;
  height: 34px;
}

.Editor_toolbarSelect__Gf9Nh:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.Editor_editorBody__mLnYv {
  flex-grow: 1;
  overflow-y: auto;
  padding: 0;
  position: relative;
  display: flex;
  background-color: #ffffff;
}

.Editor_editorTextarea__CyCfg {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  padding: 16px;
  box-sizing: border-box;
  font-family: 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
  font-size: 1rem;
  line-height: 1.6;
  resize: none;
  background-color: #f9fafb;
  color: #1f2937;
}

.Editor_editorContent__LOGyL {
  width: 100%;
  height: 100%;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  overflow-y: auto;
}

.Editor_editorProseMirror__Z6tL1 {
  height: 100%;
  outline: none !important;
  padding: 16px;
  box-sizing: border-box;
}

.Editor_editorProseMirror__Z6tL1 p.Editor_is-editor-empty__pNdof:first-child::before {
  content: attr(data-placeholder);
  float: left;
  color: #9ca3af;
  pointer-events: none;
  height: 0;
}

.Editor_markdownPreview__2yKkY {
  width: 100%;
  height: 100%;
  padding: 16px;
  box-sizing: border-box;
  overflow-y: auto;
  background-color: #ffffff;
  line-height: 1.6;
  color: #1f2937;
}

.Editor_editorProseMirror__Z6tL1 blockquote,
.Editor_markdownPreview__2yKkY blockquote {
  border-left: 4px solid #a78bfa;
  background: #f5f3ff;
  margin: 1.5em 0;
  padding: 1em 1.5em;
  color: #5b21b6;
  font-style: italic;
  border-radius: 6px;
}

.Editor_editorProseMirror__Z6tL1 pre,
.Editor_markdownPreview__2yKkY pre {
  background: #1f2937;
  color: #f3f4f6;
  border-radius: 6px;
  font-family:
    'Fira Mono', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New',
    monospace;
  padding: 1.2em 1.5em;
  margin: 1.5em 0;
  overflow-x: auto;
  font-size: 0.95em;
  line-height: 1.6;
  border: 1px solid #374151;
}

.Editor_editorProseMirror__Z6tL1 pre code,
.Editor_markdownPreview__2yKkY pre code {
  background: none !important;
  color: inherit !important;
  padding: 0;
  margin: 0;
  font-size: inherit;
  border-radius: 0;
  border: none;
}

.Editor_editorProseMirror__Z6tL1 code,
.Editor_markdownPreview__2yKkY code {
  background: #e0e7ff;
  color: #4338ca;
  border-radius: 4px;
  font-family:
    'Fira Mono', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New',
    monospace;
  padding: 0.2em 0.4em;
  font-size: 0.9em;
  margin: 0 0.1em;
  border: 1px solid #c7d2fe;
  word-break: break-all;
}

.Editor_editorProseMirror__Z6tL1 ul[data-type='taskList'] {
  padding-left: 0;
  list-style-type: none !important;
  margin-left: 4px;
}

.Editor_editorProseMirror__Z6tL1 ul[data-type='taskList'] li,
.Editor_editorProseMirror__Z6tL1 ul[data-type='taskList'] li > p {
  display: flex !important;
  /* align-items: flex-start; */
  margin-bottom: 0.5em;
  list-style-type: none !important;
  padding-left: 0;
}

.Editor_editorProseMirror__Z6tL1 ul[data-type='taskList'] li > label {
  display: inline-flex;
  /* align-items: center; */
  margin-right: 8px;
  /* margin-top: 1px; */
}

.Editor_editorProseMirror__Z6tL1 ul[data-type='taskList'] li > label input[type='checkbox'] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  cursor: pointer;
  border: 1px solid #9ca3af;
  border-radius: 4px;
  background-color: #ffffff;
  -webkit-appearance: none;
          appearance: none;
  position: relative;
}

.Editor_editorProseMirror__Z6tL1 ul[data-type='taskList'] li > label input[type='checkbox']:checked {
  background-color: #3b82f6;
  border-color: #3b82f6;
}

.Editor_editorProseMirror__Z6tL1
  ul[data-type='taskList']
  li
  > label
  input[type='checkbox']:checked::before {
  content: '✔';
  color: white;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
}

.Editor_editorProseMirror__Z6tL1 ul[data-type='taskList'] li > div {
  flex-grow: 1;
  line-height: 1.5;
}

.Editor_editorProseMirror__Z6tL1 ul[data-type='taskList'] li > div > p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.Editor_editorProseMirror__Z6tL1 ul[data-type='taskList'] li[data-checked='true'] > div {
  text-decoration: line-through;
  color: #6b7280;
}

.Editor_editorProseMirror__Z6tL1 ul[data-type='taskList'] li > p {
  margin: 0;
  flex-grow: 1;
}

.Editor_editorProseMirror__Z6tL1 ul ul,
.Editor_editorProseMirror__Z6tL1 ul ol,
.Editor_editorProseMirror__Z6tL1 ol ul,
.Editor_editorProseMirror__Z6tL1 ol ol {
  margin-left: 1.5em;
}

.Editor_editorProseMirror__Z6tL1 .Editor_tableWrapper__4pJjx {
  overflow-x: auto;
  margin: 1em 0;
  border: 1px solid #d1d5db;
  border-radius: 6px;
}

.Editor_editorProseMirror__Z6tL1 table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

.Editor_editorProseMirror__Z6tL1 th,
.Editor_editorProseMirror__Z6tL1 td {
  border: 1px solid #e5e7eb;
  padding: 10px 12px;
  vertical-align: top;
  min-width: 50px;
  position: relative;
}

.Editor_editorProseMirror__Z6tL1 th {
  background: #f9fafb;
  font-weight: 600;
  text-align: left;
}

.Editor_editorProseMirror__Z6tL1 .Editor_column-resize-handle__0SoiK {
  position: absolute;
  right: -2px;
  top: 0;
  bottom: 0;
  width: 4px;
  cursor: col-resize;
  background-color: #3b82f6;
  opacity: 0.3;
  z-index: 20;
  transition: opacity 0.2s;
}

.Editor_editorProseMirror__Z6tL1 .Editor_column-resize-handle__0SoiK:hover {
  opacity: 0.7;
}

.Editor_editorProseMirror__Z6tL1 .Editor_mention-node__-hkJR {
  background-color: #e0e7ff !important;
  color: #3730a3;
  padding: 0.1em 0.3em;
  border-radius: 4px;
  font-weight: 500;
}

.Editor_editorProseMirror__Z6tL1 details {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  margin: 1em 0;
  background-color: #f9fafb;
}

.Editor_editorProseMirror__Z6tL1 details summary {
  padding: 0.5em 1em;
  font-weight: 600;
  cursor: pointer;
  outline: none;
  background-color: #f3f4f6;
  border-bottom: 1px solid #e5e7eb;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.Editor_editorProseMirror__Z6tL1 details summary:hover {
  background-color: #e5e7eb;
}

.Editor_editorProseMirror__Z6tL1 details div[data-details-content] {
  /* This selector might need adjustment based on Details.js renderHTML */
  padding: 1em;
}

.Editor_editorProseMirror__Z6tL1 img {
  max-width: 100%;
  height: auto;
  display: block;
  /* This helps prevent images from causing unexpected line height issues and allows for margin: auto if you want to center them */
}

.Editor_editorProseMirror__Z6tL1 ul li p {
  display: inline;
}

/* Dark Mode Styles */
.dark .Editor_editorContainer__37haM {
  background-color: #1f2937;
  border-color: #374151;
  color: #d1d5db;
}

.dark .Editor_fixedFooter__qyho1 {
  background-color: #1f2937;
  border-top-color: #374151;
}

.dark .Editor_editorToolbar__VIgts {
  background-color: #374151;
  border-bottom-color: #4b5563;
}

.dark .Editor_toolbarButton__j-AEG {
  color: #d1d5db;
}

.dark .Editor_toolbarButton__j-AEG:hover:not(:disabled) {
  background-color: #4b5563;
}

.dark .Editor_toolbarButton__j-AEG.Editor_isActive__BOdNq {
  background-color: #52525b;
  color: #f3f4f6;
}

.dark .Editor_toolbarSeparator__v8bh\+ {
  background-color: #4b5563;
}

.dark .Editor_toolbarSelectContainer__-fj5V .react-select__control {
  background-color: #374151 !important;
  border-color: #4b5563 !important;
}

.dark .Editor_toolbarSelectContainer__-fj5V .react-select__single-value {
  color: #d1d5db !important;
}

.dark .Editor_toolbarSelectContainer__-fj5V .react-select__menu {
  background-color: #374151 !important;
  border-color: #4b5563 !important;
}

.dark .Editor_toolbarSelectContainer__-fj5V .react-select__option {
  color: #d1d5db;
}

.dark .Editor_toolbarSelectContainer__-fj5V .react-select__option--is-focused {
  background-color: #4b5563 !important;
}

.dark .Editor_toolbarSelectContainer__-fj5V .react-select__option--is-selected {
  background-color: #1d4ed8 !important;
  color: white !important;
}

.dark .Editor_editorTextarea__CyCfg {
  background-color: #111827;
  color: #d1d5db;
}

.dark .Editor_markdownPreview__2yKkY {
  background-color: #1f2937;
  color: #d1d5db;
}

.dark .Editor_editorProseMirror__Z6tL1 {
  color: #d1d5db;
}

.dark .Editor_editorProseMirror__Z6tL1 blockquote,
.dark .Editor_markdownPreview__2yKkY blockquote {
  border-left-color: #6d28d9;
  background: #3730a3;
  color: #e0e7ff;
}

.dark .Editor_editorProseMirror__Z6tL1 pre,
.dark .Editor_markdownPreview__2yKkY pre {
  background: #0f172a;
  color: #e2e8f0;
  border-color: #334155;
}

.dark .Editor_editorProseMirror__Z6tL1 code,
.dark .Editor_markdownPreview__2yKkY code {
  background: #312e81;
  color: #c7d2fe;
  border-color: #4338ca;
}

.dark
  .Editor_editorProseMirror__Z6tL1
  ul[data-type='taskList']
  li
  > label
  input[type='checkbox'] {
  border-color: #6b7280;
  background-color: #374151;
}

.dark
  .Editor_editorProseMirror__Z6tL1
  ul[data-type='taskList']
  li
  > label
  input[type='checkbox']:checked {
  background-color: #2563eb;
  border-color: #2563eb;
}

.dark .Editor_editorProseMirror__Z6tL1 ul[data-type='taskList'] li[data-checked='true'] > div {
  color: #9ca3af;
}

.dark .Editor_editorProseMirror__Z6tL1 .Editor_mention-node__-hkJR {
  background-color: #3730a3;
  color: #e0e7ff;
}

.dark .Editor_editorProseMirror__Z6tL1 details {
  border-color: #4b5563;
  background-color: #374151;
}

.dark .Editor_editorProseMirror__Z6tL1 details summary {
  background-color: #4b5563;
  border-bottom-color: #374151;
  color: #e5e7eb;
}

.dark .Editor_editorProseMirror__Z6tL1 details summary:hover {
  background-color: #52525b;
}

.dark .Editor_editorProseMirror__Z6tL1 details div[data-details-content] {
  color: #d1d5db;
}

/* ======================== */
/* Chat Editor Styles */
/* ======================== */
.Editor_chatEditorWrapper__3jWj6 {
  display: flex;
  flex-direction: column;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background-color: #ffffff;
  overflow: hidden;
}

.Editor_chatEditorToolbar__ESy1Y {
  padding: 8px 12px;
  background-color: #fafafa;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px;
}

.Editor_chatEditorToolbar__ESy1Y .Editor_toolbarButton__j-AEG {
  padding: 4px 6px;
  border-radius: 4px;
  color: #6b7280;
}

.Editor_chatEditorToolbar__ESy1Y .Editor_toolbarButton__j-AEG:hover:not(:disabled) {
  background-color: #f3f4f6;
  color: #374151;
}

.Editor_chatEditorToolbar__ESy1Y .Editor_toolbarButton__j-AEG.Editor_isActive__BOdNq {
  background-color: #e5e7eb;
  color: #1f2937;
}

.Editor_chatEditorToolbar__ESy1Y .Editor_toolbarSeparator__v8bh\+ {
  height: 16px;
  margin: 0 6px;
}

.Editor_chatBottomBar__vzbf8 {
  padding: 8px 12px;
  background-color: #fafafa;
  border-top: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.Editor_chatBottomBarLeft__FmhVr {
  display: flex;
  align-items: center;
  gap: 4px;
}

.Editor_chatBottomBarRight__CKcpe {
  display: flex;
  align-items: center;
  gap: 8px;
}

.Editor_chatActionButton__PE\+-2 {
  background: none;
  border: none;
  padding: 6px 8px;
  cursor: pointer;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  transition: all 0.15s ease-in-out;
}

.Editor_chatActionButton__PE\+-2:hover:not(:disabled) {
  background-color: #f3f4f6;
  color: #374151;
}

.Editor_chatActionButton__PE\+-2:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.Editor_chatActionButton__PE\+-2 svg {
  font-size: 18px;
}

.Editor_chatSendButton__mfiQI {
  background: none;
  border: none;
  padding: 6px 10px;
  cursor: pointer;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6366f1;
  transition: all 0.15s ease-in-out;
}

.Editor_chatSendButton__mfiQI:hover:not(:disabled) {
  background-color: #eef2ff;
  color: #4f46e5;
}

.Editor_chatSendButton__mfiQI:disabled {
  cursor: not-allowed;
  opacity: 0.4;
  color: #9ca3af;
}

.Editor_chatSendButton__mfiQI svg {
  font-size: 20px;
}

.Editor_chatBottomSeparator__dUaRe {
  width: 1px;
  height: 20px;
  background-color: #e5e7eb;
}

.Editor_moreOptionsDropdown__PkuD8 {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 4px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
  padding: 4px;
  z-index: 120;
  min-width: 160px;
}

.Editor_moreOptionsDropdown__PkuD8 button {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  background: none;
  border: none;
  border-radius: 4px;
  color: #374151;
  cursor: pointer;
  font-size: 14px;
  text-align: left;
}

.Editor_moreOptionsDropdown__PkuD8 button:hover:not(:disabled) {
  background-color: #f3f4f6;
}

.Editor_moreOptionsDropdown__PkuD8 button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Dark mode for chat editor */
.dark .Editor_chatEditorWrapper__3jWj6 {
  background-color: #1f2937;
  border-color: #374151;
}

.dark .Editor_chatEditorToolbar__ESy1Y {
  background-color: #111827;
  border-bottom-color: #374151;
}

.dark .Editor_chatEditorToolbar__ESy1Y .Editor_toolbarButton__j-AEG {
  color: #9ca3af;
}

.dark .Editor_chatEditorToolbar__ESy1Y .Editor_toolbarButton__j-AEG:hover:not(:disabled) {
  background-color: #374151;
  color: #e5e7eb;
}

.dark .Editor_chatEditorToolbar__ESy1Y .Editor_toolbarButton__j-AEG.Editor_isActive__BOdNq {
  background-color: #4b5563;
  color: #f3f4f6;
}

.dark .Editor_chatBottomBar__vzbf8 {
  background-color: #111827;
  border-top-color: #374151;
}

.dark .Editor_chatActionButton__PE\+-2 {
  color: #9ca3af;
}

.dark .Editor_chatActionButton__PE\+-2:hover:not(:disabled) {
  background-color: #374151;
  color: #e5e7eb;
}

.dark .Editor_chatSendButton__mfiQI {
  color: #818cf8;
}

.dark .Editor_chatSendButton__mfiQI:hover:not(:disabled) {
  background-color: #312e81;
  color: #a5b4fc;
}

.dark .Editor_chatBottomSeparator__dUaRe {
  background-color: #374151;
}

.dark .Editor_moreOptionsDropdown__PkuD8 {
  background-color: #1f2937;
  border-color: #374151;
}

.dark .Editor_moreOptionsDropdown__PkuD8 button {
  color: #d1d5db;
}

.dark .Editor_moreOptionsDropdown__PkuD8 button:hover:not(:disabled) {
  background-color: #374151;
}

/* src>TiptapEditor>styles>TableGridSelector.module.css */
.TableGridSelector_tableGridSelectorWrapper__ysFAo {
  padding: 8px;
  background-color: #fff;
  border-radius: 4px;
}

.TableGridSelector_tableGridContainer__r\+Gkf {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  margin-bottom: 8px;
}

.TableGridSelector_gridCell__nsq-\+ {
  width: 20px;
  height: 20px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  cursor: pointer;
  transition: background-color 0.1s ease;
}

.TableGridSelector_gridCell__nsq-\+:hover {
  background-color: #e0e0e0;
}

.TableGridSelector_gridCell__nsq-\+.TableGridSelector_highlighted__tYzvm {
  background-color: #3b82f6;
  border-color: #2563eb;
}

.TableGridSelector_tableGridLabel__yRmCv {
  text-align: center;
  font-size: 0.875rem;
  color: #4b5563;
  min-height: 1.25rem;
}
/* src>TiptapEditor>styles>MentionList.module.css */
.MentionList_mentionListPopup__nk2Nm {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 4px;
  max-height: 250px;
  overflow-y: auto;
  min-width: 200px;
  z-index: 1000;
}

.MentionList_mentionListItem__dvBri {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  text-align: left;
  background: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #1f2937;
  font-size: 0.9rem;
}

.MentionList_mentionListItem__dvBri.MentionList_isSelected__qaptg {
  background-color: #eff6ff;
  color: #1e40af;
}

.MentionList_mentionListItem__dvBri:hover:not(.MentionList_isSelected__qaptg) {
  background-color: #f3f4f6;
}

.MentionList_mentionAvatar__Hnpmd {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 8px;
  object-fit: cover;
}

.MentionList_mentionName__q1QF5 {
  font-weight: 500;
  margin-right: 4px;
}

.MentionList_mentionId__R9J80 {
  font-size: 0.8rem;
  color: #6b7280;
}
.CommentsPanel_commentsPanelContainer__TaGh4 {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #f9fafb;
  overflow: hidden;
}

.CommentsPanel_commentsListContainer__nOmeR {
  flex: 1 1;
  overflow-y: auto;
  padding: 16px 24px;
  background: #f9fafb;
}

.CommentsPanel_commentsList__phjmv {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.CommentsPanel_emptyState__OkC0R {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  color: #9ca3af;
  font-size: 14px;
}

.CommentsPanel_emptyState__OkC0R p {
  margin: 0;
}

.CommentsPanel_commentItem__gGq7L {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 16px;
  transition: box-shadow 0.2s;
}

.CommentsPanel_commentItem__gGq7L:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.CommentsPanel_commentHeader__Dczvs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.CommentsPanel_avatarSection__jNNKg {
  display: flex;
  align-items: center;
  gap: 10px;
}

.CommentsPanel_avatar__nxqon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  flex-shrink: 0;
}

.CommentsPanel_authorInfo__RdNdf {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.CommentsPanel_author__jqoM\+ {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
}

.CommentsPanel_timestamp__Db3DZ {
  font-size: 12px;
  color: #9ca3af;
}

.CommentsPanel_deleteBtn__2aIgC {
  background: none;
  border: none;
  color: #9ca3af;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

.CommentsPanel_deleteBtn__2aIgC:hover {
  background: #fee2e2;
  color: #dc2626;
}

.CommentsPanel_commentText__H0yhK {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #374151;
  word-wrap: break-word;
  white-space: pre-wrap;
}

.CommentsPanel_inputSection__8zHaW {
  padding: 16px 24px;
  border-top: 1px solid #e5e7eb;
  background: white;
  flex-shrink: 0;
}

.CommentsPanel_commentInput__D2VYi {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  resize: none;
  margin-bottom: 12px;
  transition: border-color 0.2s;
}

.CommentsPanel_commentInput__D2VYi:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.CommentsPanel_commentInput__D2VYi::placeholder {
  color: #9ca3af;
}

.CommentsPanel_sendBtn__EI6b3 {
  width: 100%;
  padding: 10px 16px;
  background: #2563eb;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: background 0.2s;
}

.CommentsPanel_sendBtn__EI6b3:hover:not(:disabled) {
  background: #1d4ed8;
}

.CommentsPanel_sendBtn__EI6b3:disabled {
  background: #d1d5db;
  cursor: not-allowed;
}

.CommentsPanel_commentsListContainer__nOmeR::-webkit-scrollbar {
  width: 6px;
}

.CommentsPanel_commentsListContainer__nOmeR::-webkit-scrollbar-track {
  background: #f9fafb;
}

.CommentsPanel_commentsListContainer__nOmeR::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 3px;
}

.CommentsPanel_commentsListContainer__nOmeR::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}

@media (max-width: 768px) {
  .CommentsPanel_commentsListContainer__nOmeR {
    padding: 12px 16px;
  }

  .CommentsPanel_inputSection__8zHaW {
    padding: 12px 16px;
  }

  .CommentsPanel_avatar__nxqon {
    width: 28px;
    height: 28px;
    font-size: 11px;
  }
}

.DocumentViewer_imageContainer__zRc\+O {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fafbfc;
  overflow: auto;
  padding: 20px;
}

.DocumentViewer_image__BYwJh {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.DocumentViewer_noImageContainer__k0aUK {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
  border-right: 1px solid #e5e7eb;
}

.DocumentViewer_noImageContent__fG9T8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px;
  max-width: 280px;
}

.DocumentViewer_noImageContent__fG9T8 svg {
  color: #d1d5db;
  margin-bottom: 16px;
}

.DocumentViewer_noImageContent__fG9T8 h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 8px;
}

.DocumentViewer_noImageContent__fG9T8 p {
  margin: 0;
  font-size: 14px;
  color: #6b7280;
  line-height: 1.5;
}

.DocumentViewer_fileName__Dw-dH {
  display: block;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e5e7eb;
  font-size: 12px;
  color: #9ca3af;
  font-family: 'Monaco', 'Courier New', monospace;
  word-break: break-all;
}

.DocumentViewer_documentContainer__-thdB {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
  border-right: 1px solid #e5e7eb;
}

.DocumentViewer_documentContent__GEdZi {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px;
  max-width: 300px;
}

.DocumentViewer_documentContent__GEdZi svg {
  color: #9ca3af;
  margin-bottom: 16px;
}

.DocumentViewer_documentContent__GEdZi h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 8px;
  word-break: break-word;
}

.DocumentViewer_fileType__lsrt9 {
  margin: 0;
  font-size: 13px;
  color: #9ca3af;
  font-weight: 500;
  margin-bottom: 12px;
}

.DocumentViewer_message__OOTKt {
  margin: 0;
  font-size: 14px;
  color: #6b7280;
  line-height: 1.5;
}

.DocumentViewer_imageError__CWMtr {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ef4444;
  gap: 12px;
}

.DocumentViewer_imageError__CWMtr p {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}

.RecommendationsPanel_recommendationsPanel__N5bAl {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: white;
  overflow: hidden;
}

.RecommendationsPanel_panelHeader__r89UJ {
  padding: 20px 24px;
  border-bottom: 1px solid #e5e7eb;
}

.RecommendationsPanel_headerLeft__jbhp5 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}

.RecommendationsPanel_panelHeader__r89UJ h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
}

.RecommendationsPanel_aiBadge__S3BjH {
  background: #00a7ec;
  color: white;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.RecommendationsPanel_recCount__3PZE3 {
  font-size: 13px;
  color: #6b7280;
  font-weight: 500;
}

.RecommendationsPanel_recommendationsList__czAWv {
  flex: 1 1;
  overflow-y: auto;
  padding: 16px 24px;
}

.RecommendationsPanel_recommendationCard__OloUx {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 16px;
  transition: all 0.2s;
}

.RecommendationsPanel_recommendationCard__OloUx:hover {
  border-color: #d1d5db;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.RecommendationsPanel_recHeader__qTg9M {
  margin-bottom: 12px;
}

.RecommendationsPanel_recTitleRow__P8Qbz {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
  margin-bottom: 8px;
}

.RecommendationsPanel_recTitle__RWaO\+ {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #1a1a1a;
  flex: 1 1;
}

.RecommendationsPanel_severityBadge__cLlOW {
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

.RecommendationsPanel_severityCritical__Z1Q5c {
  background: #fee2e2;
  color: #991b1b;
}

.RecommendationsPanel_severityHigh__gqcDo {
  background: #fed7aa;
  color: #9a3412;
}

.RecommendationsPanel_severityMedium__S1Bli {
  background: #fef3c7;
  color: #92400e;
}

.RecommendationsPanel_severityLow__9F7mG {
  background: #dbeafe;
  color: #1e40af;
}

.RecommendationsPanel_severityDefault__sVQZD {
  background: #e5e7eb;
  color: #6b7280;
}

.RecommendationsPanel_recMeta__n-x7K {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.RecommendationsPanel_recCategory__2teDr {
  font-size: 13px;
  color: #6b7280;
  font-weight: 500;
}

.RecommendationsPanel_priorityBadge__9-Mjk {
  padding: 3px 8px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

.RecommendationsPanel_priorityHigh__hcDXw {
  background: #fef3c7;
  color: #92400e;
}

.RecommendationsPanel_priorityMedium__KjDOA {
  background: #e0e7ff;
  color: #4338ca;
}

.RecommendationsPanel_priorityLow__TXAtP {
  background: #d1fae5;
  color: #065f46;
}

.RecommendationsPanel_priorityDefault__jAYxV {
  background: #f3f4f6;
  color: #6b7280;
}

.RecommendationsPanel_recBody__4NUa1 {
  margin-bottom: 16px;
}

.RecommendationsPanel_recDescription__0j5BK {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #374151;
}

.RecommendationsPanel_recActions__W\+ni8 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.RecommendationsPanel_actionBtn__YMicJ {
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

.RecommendationsPanel_primaryBtn__PPaZR {
  background: #2563eb;
  color: white;
}

.RecommendationsPanel_primaryBtn__PPaZR:hover {
  background: #1d4ed8;
}

.RecommendationsPanel_secondaryBtn__dUtUK {
  background: #f3f4f6;
  color: #374151;
}

.RecommendationsPanel_secondaryBtn__dUtUK:hover {
  background: #e5e7eb;
}

.RecommendationsPanel_tertiaryBtn__BFLEw {
  background: transparent;
  color: #6b7280;
  border: 1px solid #e5e7eb;
}

.RecommendationsPanel_tertiaryBtn__BFLEw:hover {
  background: #f9fafb;
  border-color: #d1d5db;
}

.RecommendationsPanel_noRecommendations__B4bDD,
.RecommendationsPanel_emptyState__ylDp4 {
  padding: 60px 24px;
  text-align: center;
}

.RecommendationsPanel_noRecommendations__B4bDD {
  background: #f9fafb;
  border-radius: 12px;
  margin: 20px 24px;
}

.RecommendationsPanel_infoIcon__BqoUo {
  font-size: 48px;
  margin-bottom: 16px;
}

.RecommendationsPanel_noRecommendations__B4bDD h3 {
  margin: 0 0 12px 0;
  font-size: 18px;
  color: #1a1a1a;
}

.RecommendationsPanel_noRecommendations__B4bDD p {
  margin: 0 0 8px 0;
  font-size: 14px;
  color: #6b7280;
  line-height: 1.6;
}

.RecommendationsPanel_hint__m9YTk {
  font-size: 13px;
  color: #9ca3af;
  font-style: italic;
}

.RecommendationsPanel_emptyState__ylDp4 p {
  margin: 0;
  font-size: 14px;
  color: #6b7280;
}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

.timeline_activity .MuiTimelineItem-root::before{
  flex: 0 1;
  padding: 0;
  
}
.timeline_activity .MuiTimelineSeparator-root{
  padding: 0 !important;
}
.timeline_activity .MuiTimelineItem-root{
  min-height: 60px;
}
.timeline_activity .MuiTimelineContent-root{
  margin-top: 5px;
}
.global-search-container {
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  transition: width 0.3s ease;
}

.global-search-container.full {
  width: 100%;
}

.global-search-container.narrow {
  width: 80%;
}

.search-wrapper {
  display: flex;
  min-width: 95%;
  margin-bottom: 8px;
}

.icon-btn {
  font-size: 25px;
  padding-bottom: 10px;
  cursor: pointer;
  margin: 0.5rem 0;
  border: none;
  background: none;
  color: inherit;
  transition:
    transform 0.2s ease,
    opacity 0.2s ease;
}

.icon-btn:hover {
  transform: scale(1.1);
  opacity: 0.85;
}

.back-btn {
  margin: 0.5rem 0.25rem;
}

.no-page-data{
    background: #fff;
    border-radius: .75rem !important;
    border: 1px solid rgb(192, 192, 192,0.5) ;
    color: #777777;
    padding: 2rem;
    text-align: center;
}
.no-graph {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #777777;
}
.HighlightedEditor_codeEditorWrapper__mjf-1 {
  display: flex;
  flex-direction: column;
  background: #fff;
  background: var(--white, #fff);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

.HighlightedEditor_withBorder__82aWZ {
  border: 1px solid #e6e6e6;
  border: 1px solid var(--border, #e6e6e6);
}

.HighlightedEditor_codeEditorHeader__eA0pk {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #f1f1f1;
  border-bottom: 1px solid var(--border, #f1f1f1);
}

.HighlightedEditor_editorInfo__2LNhl {
  display: flex;
  gap: 8px;
  align-items: center;
}

.HighlightedEditor_languageBadge__R71Ab {
  background: #e9f5ff;
  background: var(--primary, #e9f5ff);
  color: #1b6fb0;
  color: var(--primary-text, #1b6fb0);
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 12px;
}

.HighlightedEditor_readonlyBadge__xYiBn {
  font-size: 12px;
  color: #666;
  color: var(--muted, #666);
}

.HighlightedEditor_editorActions__QEaFD {
  display: flex;
  gap: 8px;
  align-items: center;
}

.HighlightedEditor_editorActionBtn__PxkqQ {
  background: transparent;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  border-radius: 4px;
}

.HighlightedEditor_codeEditorContent__8lAvE {
  padding: 8px;
}

.HighlightedEditor_codeEditorFooter__yF256 {
  padding: 8px 12px;
  border-top: 1px solid #f1f1f1;
  border-top: 1px solid var(--border, #f1f1f1);
  display: flex;
  justify-content: flex-start;
}

.HighlightedEditor_editorStats__xjejd {
  font-size: 12px;
  color: #666;
  color: var(--muted, #666);
}

/* Small badge shown when uncovered highlights exist */
.HighlightedEditor_uncoveredBadge__NV-12 {
  position: absolute;
  right: 16px;
  top: 12px;
  background: rgba(255, 82, 82, 0.95);
  color: #fff;
  padding: 6px 10px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 12px;
  z-index: 10;
}

/* line highlight classes used by the extension */
.HighlightedEditor_cm-line__lm4Sw.HighlightedEditor_cm-highlighted__c8Bbo {
  /* fallback if theme doesn't apply */
}

.HighlightedEditor_cm-line__lm4Sw.HighlightedEditor_cm-highlighted-uncovered__wR3QN {
}

/* substring highlight (inline) */
.HighlightedEditor_cm-highlighted-text__CmqqT {
  background-color: rgba(255, 205, 86, 0.14);
  border: 1px solid rgba(255, 205, 86, 0.95);
  border-radius: 4px;
  padding: 0 4px;
}

.HighlightedEditor_cm-highlighted-text-uncovered__TQ7Tg {
  background-color: rgba(255, 82, 82, 0.12);
  border: 1px solid rgba(255, 82, 82, 0.95);
  border-radius: 4px;
  padding: 0 4px;
}

/* 

.aws-cloud-map {
    display: flex;
    height: 50vh;
  }
  
  .graph-container {
    flex: 8;
    border-right: 1px solid #ddd;
  }
  
  .details-container {
    flex: 4;
    padding: 20px;
    background-color: #f9f9f9;
    overflow-y: auto;
  }
  
  .details-container h2 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  
  .details-container ul {
    margin: 5px 0;
    padding-left: 20px;
  }
  
  .details-container li {
    list-style-type: disc;
  } */


/* 

  .dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
  }
  
  .dialog-content {
    background: white;
    padding: 20px;
    border-radius: 10px;
    width: 400px;
    text-align: center;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
  }
  
  .dialog-content h2 {
    margin-bottom: 15px;
  }
  
  .dialog-content ul {
    text-align: left;
    margin: 10px 0;
  }
  
  .dialog-content button {
    margin-top: 20px;
    padding: 10px 15px;
    background: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }
  
  .dialog-content button:hover {
    background: #0056b3;
  } */
/* compareScans.module.css */

.CompareScans_container__oTRm6 {
  padding: 16px;
  display: flex;
  flex-direction: column;
}

.CompareScans_selectContainer__LwkIp {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  flex-wrap: wrap;
}

.CompareScans_selectWrapper__Zmu08 {
  width: 300px;
  min-width: 200px;
}

.CompareScans_selectLabel__F-Ds3 {
  font-weight: bold;
  margin-right: 12px;
  display: block;
  margin-bottom: 4px;
}

.CompareScans_compareIcon__msTzW {
  margin-bottom: 10px;
  flex-shrink: 0;
}

.CompareScans_checkboxContainer__v6s5r {
  margin-left: 20px;
  margin-top: 12px;
  gap: 12px;
  display: flex;
  flex-direction: column;
}

.CompareScans_buttonContainer__2ppM7 {
  margin-top: 8px;
}

.CompareScans_resultsContainer__TzzQk {
  margin-top: 16px;
}

/* Tablet Styles */
@media (max-width: 1024px) {
  .CompareScans_selectWrapper__Zmu08 {
    width: 280px;
    min-width: 180px;
  }

  .CompareScans_selectContainer__LwkIp {
    gap: 12px;
  }
}

/* Mobile Styles */
@media (max-width: 768px) {
  .CompareScans_container__oTRm6 {
    padding: 12px;
  }

  .CompareScans_selectContainer__LwkIp {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .CompareScans_selectWrapper__Zmu08 {
    width: 100%;
    min-width: 0;
    min-width: initial;
  }

  .CompareScans_compareIcon__msTzW {
    align-self: center;
    margin-bottom: 0;
    transform: rotate(90deg);
  }

  .CompareScans_checkboxContainer__v6s5r {
    margin-left: 0;
    margin-top: 16px;
  }

  .CompareScans_buttonContainer__2ppM7 {
    margin-top: 12px;
  }
}

/* Small Mobile Styles */
@media (max-width: 480px) {
  .CompareScans_container__oTRm6 {
    padding: 8px;
  }

  .CompareScans_selectLabel__F-Ds3 {
    font-size: 14px;
  }

  .CompareScans_checkboxContainer__v6s5r {
    gap: 8px;
  }
}

/* Extra Small Devices */
@media (max-width: 360px) {
  .CompareScans_selectLabel__F-Ds3 {
    font-size: 13px;
    margin-right: 8px;
  }

  .CompareScans_checkboxContainer__v6s5r {
    margin-top: 12px;
  }
}

/* DoubleDonutChart.module.css */

.DoubleDonutChart_container__7YlYN {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 520px;
  background: white;
  border-radius: 8px;
  padding: 20px;
  box-sizing: border-box;
   background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  font-family: "Roboto", sans-serif;
  overflow: hidden;
  border: 1px solid rgba(192, 192, 192, 0.3);
  display: flex;
  flex-direction: column;
}

.DoubleDonutChart_title__7ACba {
  text-align: center;
  margin: 0 0 20px 0;
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
}

.DoubleDonutChart_loaderWrapper__hi7aC {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
}

.DoubleDonutChart_chartWrapper__CYjBi {
  position: relative;
  flex: 1 1;
  min-height: 300px;
  /* margin-bottom: 20px; */
}

.DoubleDonutChart_centerText__KOGQK {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  pointer-events: none;
}

.DoubleDonutChart_centerValue__0EjaC {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 4px;
}

.DoubleDonutChart_centerLabel__H\+aw0 {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  opacity: 0.8;
}

.DoubleDonutChart_centerRing__h9Dwr {
  font-size: 10px;
  font-weight: 400;
  opacity: 0.6;
  margin-top: 2px;
}

/* Legend Styles */
.DoubleDonutChart_legend__aX0xy {
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow-y: auto;
}

.DoubleDonutChart_legend__aX0xy.DoubleDonutChart_customScrollbar__Ll7C- {
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 #f1f5f9;
}

.DoubleDonutChart_legend__aX0xy.DoubleDonutChart_customScrollbar__Ll7C-::-webkit-scrollbar {
  width: 6px;
}

.DoubleDonutChart_legend__aX0xy.DoubleDonutChart_customScrollbar__Ll7C-::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 3px;
}

.DoubleDonutChart_legend__aX0xy.DoubleDonutChart_customScrollbar__Ll7C-::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}

.DoubleDonutChart_legend__aX0xy.DoubleDonutChart_customScrollbar__Ll7C-::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

.DoubleDonutChart_legendSection__JyLN9 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.DoubleDonutChart_legendTitle__8UZUX {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin: 0 0 8px 0;
  padding-bottom: 4px;
  border-bottom: 1px solid #e5e7eb;
}

.DoubleDonutChart_legendItem__7Wmuo {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: all 0.2s ease;
}

.DoubleDonutChart_legendItem__7Wmuo:hover {
  background-color: #f9fafb;
  border-radius: 4px;
  padding: 4px;
  margin: -4px;
}

.DoubleDonutChart_legendRow__kCWqw {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 20px;
  padding: 2px 0;
}

.DoubleDonutChart_legendRow__kCWqw.DoubleDonutChart_center__FNuJb {
  justify-content: center;
}

.DoubleDonutChart_legendRow__kCWqw.DoubleDonutChart_flexStart__1UGe2 {
  justify-content: flex-start;
}

.DoubleDonutChart_legendLeft__nThFP {
  display: flex;
  align-items: center;
  flex: 1 1;
  min-width: 0;
}

.DoubleDonutChart_legendLeft__nThFP span:last-child {
  word-break: break-word;
  flex: 1 1;
}

.DoubleDonutChart_colorDot__F31Sg {
  display: inline-block;
  flex-shrink: 0;
}

.DoubleDonutChart_separator__YjpKm {
  height: 1px;
  background-color: #e5e7eb;
  margin: 4px 0;
  opacity: 0.5;
}

/* Tooltip Styles */
.DoubleDonutChart_tooltip__c6oaR {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 8px 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  font-size: 12px;
  line-height: 1.4;
}

.DoubleDonutChart_tooltip__c6oaR div {
  margin-bottom: 2px;
}

.DoubleDonutChart_tooltip__c6oaR div:last-child {
  margin-bottom: 0;
}

/* No Data Styles */
.DoubleDonutChart_noDataWrapper__1Ez8H {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
  width: 100%;
}

/* Scroll Variants */
.DoubleDonutChart_scroll__ZqN6U .DoubleDonutChart_legend__aX0xy {
  max-height: 300px;
}

.DoubleDonutChart_noscroll__a7EhF .DoubleDonutChart_legend__aX0xy {
  max-height: none;
  overflow: visible;
}

/* Responsive Design */
@media (max-width: 768px) {
  .DoubleDonutChart_container__7YlYN {
    padding: 16px;
  }
  
  .DoubleDonutChart_title__7ACba {
    font-size: 16px;
    margin-bottom: 16px;
  }
  
  .DoubleDonutChart_chartWrapper__CYjBi {
    min-height: 250px;
    margin-bottom: 16px;
  }
  
  .DoubleDonutChart_centerValue__0EjaC {
    font-size: 20px;
  }
  
  .DoubleDonutChart_centerLabel__H\+aw0 {
    font-size: 11px;
  }
  
  .DoubleDonutChart_centerRing__h9Dwr {
    font-size: 9px;
  }
  
  .DoubleDonutChart_legendTitle__8UZUX {
    font-size: 13px;
  }
}
.DoubleBarGraph_chartContainer__rGLhT {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  font-family: "Roboto", sans-serif;
  overflow: hidden;
  border: 1px solid rgba(192, 192, 192, 0.3);
  display: flex;
  flex-direction: column;
  
}

/* Header Styles */
.DoubleBarGraph_header__TRsv3 {
  background-color: #f9fafb;
  padding: 16px 20px;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.DoubleBarGraph_title__ctmfW {
  font-size: 18px;
  font-weight: 600;
  color: #111827;
  margin: 0;
  line-height: 1.4;
}

.DoubleBarGraph_description__SpsgB {
  font-size: 14px;
  color: #6b7280;
  margin: 4px 0 0 0;
  line-height: 1.4;
}

.DoubleBarGraph_refreshButton__mFsDn {
  color: #3b82f6;
  cursor: pointer;
  background: none;
  border: none;
  padding: 8px;
  border-radius: 4px;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.DoubleBarGraph_refreshButton__mFsDn:hover {
  background-color: #eff6ff;
  transform: scale(1.05);
}

.DoubleBarGraph_refreshButton__mFsDn.DoubleBarGraph_refreshing__JTYBM {
  animation: DoubleBarGraph_spin__Jf3gK 1s linear infinite;
}

@keyframes DoubleBarGraph_spin__Jf3gK {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Chart Area */
.DoubleBarGraph_chartArea__C1AlC {
  flex: 1 1;
  padding: 20px;
  display: flex;
  flex-direction: column;
  /* min-height: 400px; */
}

.DoubleBarGraph_chartContent__KfjZq {
  flex: 1 1;
  width: 100%;
  height: 100%;
  /* min-height: 350px; */
}

/* Loading and No Data States */
.DoubleBarGraph_loadingContainer__1QTsq,
.DoubleBarGraph_noDataContainer__TZpKJ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 350px;
  color: #9ca3af;
}

.DoubleBarGraph_loadingText__1NIuZ {
  font-size: 14px;
  color: #6b7280;
  text-align: center;
}

.DoubleBarGraph_noDataText__W14Wz {
  font-size: 16px;
  font-weight: 500;
  color: #374151;
  margin: 0 0 8px 0;
  text-align: center;
}

.DoubleBarGraph_noDataSubtext__9Zr\+c {
  font-size: 14px;
  color: #9ca3af;
  margin: 0;
  text-align: center;
}

/* Legend Area (Footer) */
.DoubleBarGraph_legendArea__RcFJI {
  background-color: #f9fafb;
  border-top: 1px solid #e5e7eb;
  padding: 16px 20px;
}

.DoubleBarGraph_legend__fRiKT {
  display: flex;
  gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 13px;
  font-weight: 500;
}

.DoubleBarGraph_legendItem__lMFBC {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #374151;
}

.DoubleBarGraph_legendColorBox__RipkM {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  flex-shrink: 0;
}

/* Tooltip Styles */
.DoubleBarGraph_tooltip__yvMyd {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 12px 14px;
  min-width: 200px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  font-family: "Roboto", sans-serif;
}

.DoubleBarGraph_tooltipTitle__mCgOc {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin: 0 0 12px 0;
}

.DoubleBarGraph_tooltipRow__xLeOR {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.DoubleBarGraph_tooltipRow__xLeOR:last-of-type {
  margin-bottom: 0;
}

.DoubleBarGraph_tooltipLabel__xtSHR {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #6b7280;
  font-weight: 600;
}

.DoubleBarGraph_tooltipColorIndicator__oOH3D {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  flex-shrink: 0;
}

.DoubleBarGraph_tooltipValue__aHhDj {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

.DoubleBarGraph_tooltipDifference__DSGYE {
  margin-top: 12px;
  padding-top: 8px;
  border-top: 1px solid #e5e7eb;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
}

.DoubleBarGraph_tooltipIncrease__RtvDo {
  color: #dc2626;
}

.DoubleBarGraph_tooltipDecrease__9XB\+4 {
  color: #059669;
}

/* Responsive Design */
@media (max-width: 768px) {
  .DoubleBarGraph_header__TRsv3 {
    padding: 12px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  
  .DoubleBarGraph_title__ctmfW {
    font-size: 16px;
  }
  
  .DoubleBarGraph_description__SpsgB {
    font-size: 13px;
  }
  
  .DoubleBarGraph_chartArea__C1AlC {
    padding: 16px;
  }
  
  .DoubleBarGraph_legend__fRiKT {
    gap: 16px;
    font-size: 12px;
  }
  
  .DoubleBarGraph_legendArea__RcFJI {
    padding: 12px 16px;
  }
}

@media (max-width: 480px) {
  .DoubleBarGraph_legend__fRiKT {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
  
  .DoubleBarGraph_tooltipRow__xLeOR {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}
/* Container */
.StatusDropdown_dropdownContainer__RTuGT {
  width: 100%;
  min-width: 160px;
}

/* Button */
.StatusDropdown_dropdownButton__D111W {
  width: 100%;
  padding: 6px 10px; /* reduced */
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 13px; /* reduced */
  transition: all 0.2s ease;
  min-height: 34px; /* reduced */
}

.StatusDropdown_dropdownButton__D111W:hover {
  border-color: #9ca3af;
  background-color: #f9fafb;
}

.StatusDropdown_dropdownButton__D111W:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}

/* Left content */
.StatusDropdown_buttonContent__zBVjZ {
  display: flex;
  align-items: center;
  flex: 1 1;
}

/* Placeholder */
.StatusDropdown_placeholderText__Pe9vF {
  color: #9ca3af;
  font-size: 13px;
}

/* STATUS BADGE */
.StatusDropdown_statusBadge__73q5R {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 8px; /* reduced */
  border-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  line-height: 1.2;
}

.StatusDropdown_badgeDot__uGRzq {
  font-size: 7px;
  flex-shrink: 0;
}

/* Badge color variants */
.StatusDropdown_statusBadge__73q5R.StatusDropdown_blue__cxdjt {
  background-color: #dbeafe;
  color: #1e40af;
}

.StatusDropdown_statusBadge__73q5R.StatusDropdown_yellow__2IcGo {
  background-color: #fef3c7;
  color: #92400e;
}

.StatusDropdown_statusBadge__73q5R.StatusDropdown_orange__OrrnV {
  background-color: #fed7aa;
  color: #c2410c;
}

.StatusDropdown_statusBadge__73q5R.StatusDropdown_gray__qHLI7 {
  background-color: #f3f4f6;
  color: #6b7280;
}

.StatusDropdown_statusBadge__73q5R.StatusDropdown_green__YdOYc {
  background-color: #d1fae5;
  color: #065f46;
}

.StatusDropdown_statusBadge__73q5R.StatusDropdown_purple__NxvBV {
  background-color: #e9d5ff;
  color: #6b21a8;
}

.StatusDropdown_statusBadge__73q5R.StatusDropdown_red__b3LZx {
  background-color: #fee2e2;
  color: #991b1b;
}

/* Actions */
.StatusDropdown_buttonActions__o1tf1 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: 6px;
}

/* Clear */
.StatusDropdown_clearButton__4Ps5v {
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  color: #9ca3af;
  padding: 2px 4px;
  border-radius: 3px;
  transition: all 0.15s ease;
}

.StatusDropdown_clearButton__4Ps5v:hover {
  color: #111827;
  background-color: #f3f4f6;
}

/* Arrow */
.StatusDropdown_arrow__X5UZX {
  font-size: 9px; /* reduced */
  color: #6b7280;
  transition: transform 0.2s ease;
}

.StatusDropdown_arrowUp__QbR\+b {
  transform: rotate(180deg);
}

/* MENU */
.StatusDropdown_dropdownMenu__MRluo {
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  box-shadow:
    0 8px 12px -3px rgba(0, 0, 0, 0.1),
    0 3px 5px -2px rgba(0, 0, 0, 0.05);
  max-height: 320px; /* reduced */
  overflow: hidden;
  display: flex;
  flex-direction: column;
  animation: StatusDropdown_slideDown__t6uiu 0.12s ease-out;
  min-width: 220px; /* tighter */
}

@keyframes StatusDropdown_slideDown__t6uiu {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Header */
.StatusDropdown_menuHeader__j-2pb {
  padding: 8px; /* reduced */
  border-bottom: 1px solid #e5e7eb;
  background-color: #ffffff;
}

.StatusDropdown_searchInput__9Jt5l {
  width: 100%;
  padding: 6px 10px; /* reduced */
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 13px;
  transition: all 0.2s ease;
}

.StatusDropdown_searchInput__9Jt5l:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}

.StatusDropdown_searchInput__9Jt5l::placeholder {
  color: #9ca3af;
}

/* Options */
.StatusDropdown_optionsList__3aFFk {
  max-height: 260px; /* reduced */
  overflow-y: auto;
  padding: 0;
}

.StatusDropdown_option__w\+FJ0 {
  padding: 8px 12px; /* BIG reduction */
  cursor: pointer;
  transition: background-color 0.15s ease;
  border-bottom: 1px solid #f3f4f6;
}

.StatusDropdown_option__w\+FJ0:last-child {
  border-bottom: none;
}

.StatusDropdown_option__w\+FJ0:hover {
  background-color: #f9fafb;
}

.StatusDropdown_optionSelected__adQ8V {
  background-color: #f0f9ff;
  border-left: 3px solid #3b82f6;
  padding-left: 9px; /* adjusted */
}

.StatusDropdown_optionSelected__adQ8V:hover {
  background-color: #e0f2fe;
}

.StatusDropdown_optionContent__2ADlp {
  display: flex;
  align-items: flex-start;
  gap: 8px; /* reduced */
}

.StatusDropdown_checkmark__cy57y {
  color: #3b82f6;
  font-weight: bold;
  font-size: 13px;
  min-width: 14px;
  line-height: 1.4;
}

.StatusDropdown_optionDot__aowRK {
  font-size: 9px;
  margin-top: 5px;
  min-width: 9px;
}

/* Dot color variants */
.StatusDropdown_dot_blue__tLozr {
  color: #3b82f6;
}

.StatusDropdown_dot_yellow__wtJV0 {
  color: #f59e0b;
}

.StatusDropdown_dot_orange__AZl5h {
  color: #f97316;
}

.StatusDropdown_dot_gray__\+k3Hk {
  color: #9ca3af;
}

.StatusDropdown_dot_green__uGYSc {
  color: #10b981;
}

.StatusDropdown_dot_purple__bplep {
  color: #a855f7;
}

.StatusDropdown_dot_red__SYxfO {
  color: #ef4444;
}

.StatusDropdown_optionText__AoSlZ {
  flex: 1 1;
}

.StatusDropdown_optionLabel__ZefIs {
  font-weight: 500;
  font-size: 13px; /* reduced */
  color: #111827;
  margin-bottom: 1px;
  line-height: 1.3;
}

.StatusDropdown_optionDescription__GNaSn {
  font-size: 11.5px; /* reduced */
  color: #6b7280;
  line-height: 1.3;
  margin-top: 1px;
}

/* No results */
.StatusDropdown_noResults__lzhKV {
  padding: 16px;
  text-align: center;
  color: #9ca3af;
  font-size: 13px;
}

/* Scrollbar */
.StatusDropdown_optionsList__3aFFk::-webkit-scrollbar {
  width: 6px;
}

.StatusDropdown_optionsList__3aFFk::-webkit-scrollbar-track {
  background: #f9fafb;
}

.StatusDropdown_optionsList__3aFFk::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 4px;
}

.StatusDropdown_optionsList__3aFFk::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}

.patch_fix_form label{
    font-size: 14px !important;
    font-weight: 600 !important;
}
.editor {
    width: 100%;
      counter-reset: line;
      background-color: #333;
      margin-top: 0;
      -webkit-user-select: text !important;
              user-select: text !important;
    }
    .editor .ͼ1 {
      outline: none !important;
  
    }
    .editor.border{
      border: 1px solid #ced4da;
    }
  
    .editor #codeArea {
      outline: none;
      padding-left: 60px !important;
      font-size: 16px;
  
    }
    .editor pre {
      width: 100%;
      height: 100%;
      color: #fff !important;
      padding-left: 60px !important;
      /* user-select: none; */
    }
    .editor .editorLineNumber {
      position: absolute;
      left: 0px;
      color: #fff !important;
      text-align: right;
      width: 40px;
      font-weight: 100;
    }
    
.ipaddr_link:hover{
    text-decoration: underline;
    color: #00a7ec;
}
/* scanDetailsContent.module.css */

/* Vulnerabilities Header */
.ScanDetailsContent_vulnerabilitiesHeader__3UyDA {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
}

.ScanDetailsContent_searchContainer__ud0q5 {
  display: flex;
  flex: 1 1;
  min-width: 0; /* Allows flex item to shrink below content size */
  max-width: 100%;
}

.ScanDetailsContent_actionButtons__r7rgG {
  display: flex;
  gap: 0.25rem;
  flex-shrink: 0;
  align-items: center;
}

.ScanDetailsContent_actionButton__XbVPZ {
  font-size: 25px;
  padding-bottom: 10px;
  cursor: pointer;
  margin: 0.5rem 0;
  background: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease;
}

.ScanDetailsContent_actionButton__XbVPZ:hover {
  opacity: 0.7;
}

.ScanDetailsContent_actionButton__XbVPZ:active {
  opacity: 0.5;
}

/* Loading Container */
.ScanDetailsContent_loadingContainer__jbc7O {
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Vulnerabilities List */
.ScanDetailsContent_vulnerabilitiesList__YekX3 {
  margin-top: 1rem;
}

/* Pagination */
.ScanDetailsContent_paginationContainer__S6g-T {
  padding-top: 1rem;
}

.ScanDetailsContent_paginationContainer__S6g-T.ScanDetailsContent_sticky__xcDGG {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background: white;
  z-index: 10;
}

/* Tablet Styles */
@media (max-width: 1024px) {
  .ScanDetailsContent_vulnerabilitiesHeader__3UyDA {
    gap: 0.375rem;
  }

  .ScanDetailsContent_actionButton__XbVPZ {
    font-size: 22px;
    margin: 0.5rem 0;
  }
}

/* Mobile Styles */
@media (max-width: 768px) {
  .ScanDetailsContent_vulnerabilitiesHeader__3UyDA {
    gap: 0.25rem;
  }

  .ScanDetailsContent_actionButtons__r7rgG {
    gap: 0.125rem;
  }

  .ScanDetailsContent_actionButton__XbVPZ {
    font-size: 20px;
    margin: 0.25rem 0;
    padding-bottom: 8px;
  }
}

/* Small Mobile Styles */
@media (max-width: 480px) {
  .ScanDetailsContent_vulnerabilitiesHeader__3UyDA {
    gap: 0.25rem;
  }

  .ScanDetailsContent_actionButton__XbVPZ {
    font-size: 18px;
    margin: 0.25rem 0;
    padding-bottom: 6px;
  }

  .ScanDetailsContent_actionButtons__r7rgG {
    gap: 0.125rem;
  }

  .ScanDetailsContent_loadingContainer__jbc7O {
    height: 40vh;
  }

  .ScanDetailsContent_paginationContainer__S6g-T {
    padding-top: 0.5rem;
  }
}

/* Extra Small Devices */
@media (max-width: 360px) {
  .ScanDetailsContent_actionButton__XbVPZ {
    font-size: 16px;
    padding-bottom: 5px;
  }

  .ScanDetailsContent_vulnerabilitiesHeader__3UyDA {
    gap: 0.125rem;
  }

  .ScanDetailsContent_actionButtons__r7rgG {
    gap: 0;
  }
}

.Summary_dashboard-container__A2pTq {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.Summary_top-section__V4gxr {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: space-between;
}

.Summary_summary-grid__c3Nn7 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
  flex: 1 1 60%;
  min-width: 400px;
}

.Summary_half-pie-container__G9uWD {
  flex: 1 1 35%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 300px;
}

.Summary_section__vYnRS {
  width: 100%;
}

.Summary_side-by-side-section__vACGd {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.Summary_half-width__kKrqj {
  flex: 1 1 48%;
  min-width: 300px;
}


.Summary_stat-card-fixed-height__6NS\+k {
  min-height: 328px; /* Adjust this to match Compliance card (get actual px value using browser inspect tool) */
  display: flex;
  align-items: center;
  justify-content: center;
}
/* //// added for title in map findings / */

.Summary_sectionTitle__fC-Df {
  font-size: 1.1rem;
  font-weight: 600;
  /* margin-bottom: 1rem; */
  padding:10px 10px 0px 10px;
}

.Summary_sectionDescription__SyzkH{
  font-size: 0.8125rem;
  color:#6b7280;
  padding: 10px;
}

.Summary_mapControlBtn__iFb67 {
    background: #eaeaec;
    border: none;
    border-radius: 6px;
    color: #91243e;
    padding: 7px 18px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    transition: background 0.2s;
}
.Summary_mapControlBtn__iFb67:hover {
    background: #f9f9fa;
}


/* #updates by rk foe new cards */

/* Example: in index.module.css or ComplianceDashboard.module.css */
.Summary_stat-card-fixed-height__6NS\+k {
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 5px;
}

.Summary_compliance-by-framework-height__kY3Cb {
   display: flex;
  flex-direction: column;
  justify-content: space-between; /* or try center */
  height: 100%; /* add or ensure this */
  padding: 1rem 2rem;
}


.Summary_full-height__9-4J8 {
  height: 100%;
}

.Summary_stretch-content__mAj8v {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  height: 100%;
}
/***********************
  Layout & Container
***********************/
.ComplianceDashboard_container__uwvro {
  padding: 1.5rem;
  font-family: 'Inter', sans-serif;
  background: #f9fafb;
  color: #111827;
}

.ComplianceDashboard_grid2__PRWWO {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.ComplianceDashboard_grid3__0icEl {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

/***********************
  Header
***********************/
.ComplianceDashboard_header__o6QBk {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

.ComplianceDashboard_headerLeft__ekRyA {
  display: flex;
  flex-direction: column;
}

.ComplianceDashboard_title__40D68 {
  font-size: 1.5rem;
  font-weight: 700;
}

.ComplianceDashboard_lastUpdated__A0V7Z {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #6b7280;
}

.ComplianceDashboard_icon__47fdo {
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
}

.ComplianceDashboard_headerRight__GSfJJ {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.ComplianceDashboard_filterGroup__WCoXG {
  display: flex;
  align-items: center;
  background: white;
  border: 1px solid #e5e7eb;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
}

.ComplianceDashboard_select__ApDfD {
  border: none;
  outline: none;
  font-size: 0.875rem;
  margin-left: 0.25rem;
  background: transparent;
}

.ComplianceDashboard_exportButton__YFtkv {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background: #2563eb;
  color: white;
  padding: 0.5rem 0.75rem;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
  font-size: 0.875rem;
}

.ComplianceDashboard_exportButton__YFtkv:hover {
  background: #1e40af;
}

.ComplianceDashboard_iconSmall__XLhBo {
  width: 1rem;
  height: 1rem;
}

/***********************
  Cards
***********************/
.ComplianceDashboard_card__kFORC {
  background: white;
  border-radius: 0.75rem;
  padding: 1rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.ComplianceDashboard_cardHeader__iRGT3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.ComplianceDashboard_sectionTitle__j7ZCX {
  font-size: 1.1rem;
  font-weight: 600;
  /* margin-bottom: 1rem; */
  padding: 10px 10px 0px 10px;
}
.ComplianceDashboard_sectionDescription__mQSK8 {
  font-size: 0.8125rem;
  color: #6b7280;
  padding: 10px;
}

.ComplianceDashboard_cardNote__I5my6 {
  font-size: 0.75rem;
  color: #6b7280;
}

/***********************
  KPI Circles
***********************/
.ComplianceDashboard_circleWrapper__gcwRk {
  position: relative;
  width: 300px;
  height: 300px;
  margin: 0 auto;
}

.ComplianceDashboard_circle__3No1X {
  width: 300px;
  height: 300px;
  transform: rotate(-90deg);
}

.ComplianceDashboard_bgCircle__cQmg1 {
  fill: none;
  stroke: #e5e7eb;
  stroke-width: 3;
}

.ComplianceDashboard_fgCircle__126Qo {
  fill: none;
  stroke: #2563eb;
  stroke-width: 3;
  stroke-linecap: round;
}

.ComplianceDashboard_circleText__iBNFO {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.25rem;
  font-weight: 700;
}

.ComplianceDashboard_circleWrapperSmall__FgANP {
  position: relative;
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.ComplianceDashboard_circleSmall__jhx8l {
  width: 200px;
  height: 200px;
}

.ComplianceDashboard_bgPath__oZAUU {
  fill: none;
  stroke: #e5e7eb;
  stroke-width: 3;
}

.ComplianceDashboard_fgPath__zgy8h {
  fill: none;
  stroke: #16a34a;
  stroke-width: 3;
  stroke-linecap: round;
}

.ComplianceDashboard_circleTextSmall__uCDem {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 600;
}

/***********************
  Incidents
***********************/
.ComplianceDashboard_incidentBox__8xfvw {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ComplianceDashboard_incidentCount__SQuc5 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 2rem;
  font-weight: 700;
}

.ComplianceDashboard_incidentNumber__-Gr4x {
  font-size: 2rem;
  font-weight: 700;
}

.ComplianceDashboard_incidentTags__cpkE5 {
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.ComplianceDashboard_tag__CRk1N {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 500;
}

/***********************
  Progress Bars
***********************/
.ComplianceDashboard_progressRow__rMXTT {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.ComplianceDashboard_progressLabel__XgsDp {
  flex: 1 1;
}

.ComplianceDashboard_progressBar__6p0GT {
  flex: 3 1;
  background: #e5e7eb;
  border-radius: 0.25rem;
  height: 0.5rem;
  overflow: hidden;
}

.ComplianceDashboard_progressFill__XvYMq {
  height: 100%;
  border-radius: 0.25rem;
}

.ComplianceDashboard_progressValue__mjSBd {
  flex: 0.5 1;
  text-align: right;
  font-size: 0.75rem;
}

.ComplianceDashboard_domainRow__1TNfK {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ComplianceDashboard_domainProgress__yc2PD {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.ComplianceDashboard_progressBarSm__P06Ok {
  width: 100px;
  height: 0.5rem;
  background: #e5e7eb;
  border-radius: 0.25rem;
}

.ComplianceDashboard_progressFillBlue__WxJQb {
  background: #2563eb;
  height: 100%;
  border-radius: 0.25rem;
}

.ComplianceDashboard_domainValue__igS\+I {
  font-size: 0.75rem;
}

/***********************
  Policy
***********************/
.ComplianceDashboard_table__P6QAn {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}

.ComplianceDashboard_table__P6QAn th,
.ComplianceDashboard_table__P6QAn td {
  padding: 0.5rem;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
}

.ComplianceDashboard_statusBadge__WYO5h {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
}

.ComplianceDashboard_pass__9soy6 {
  background: #dcfce7;
  color: #166534;
}

.ComplianceDashboard_fail__s9UA- {
  background: #fee2e2;
  color: #991b1b;
}

.ComplianceDashboard_coverageRow__SZkGH {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

.ComplianceDashboard_coverageBar__XP\+SO {
  flex: 1 1;
  margin-left: 0.5rem;
  background: #e5e7eb;
  border-radius: 0.25rem;
  position: relative;
  height: 0.75rem;
}

.ComplianceDashboard_coverageFill__Eat4V {
  background: #2563eb;
  height: 100%;
  border-radius: 0.25rem;
}

.ComplianceDashboard_coverageValue__673rs {
  position: absolute;
  right: 0.25rem;
  top: -1.25rem;
  font-size: 0.75rem;
}

/***********************
  MITRE
***********************/
.ComplianceDashboard_techniqueRow__xJP3M,
.ComplianceDashboard_techniqueRowAlt__YXgAz {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

.ComplianceDashboard_techniqueStats__WOss9 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.ComplianceDashboard_freqBox__E5Inv {
  width: 40px;
  text-align: center;
  font-weight: 600;
  border-radius: 0.25rem;
  padding: 0.25rem 0;
  color: white;
}

.ComplianceDashboard_rank__vt-7K {
  background: #e5e7eb;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 600;
  margin-right: 0.5rem;
}

.ComplianceDashboard_techCount__VUVuf {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/***********************
  Incidents Table
***********************/
.ComplianceDashboard_link__kHUf5 {
  color: #2563eb;
  cursor: pointer;
}

.ComplianceDashboard_link__kHUf5:hover {
  text-decoration: underline;
}

/***********************
  MTTR
***********************/
.ComplianceDashboard_mttrChart__UszVc {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  height: 220px;
}

.ComplianceDashboard_mttrBarWrapper__x8HaB {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  flex: 1 1;
}

.ComplianceDashboard_mttrBar__GIXlj {
  width: 20px;
  background: #2563eb;
  border-radius: 0.25rem;
}

.ComplianceDashboard_mttrMonth__1g1GP {
  font-size: 0.75rem;
  color: #6b7280;
}

.ComplianceDashboard_mttrValue__7WEwo {
  font-size: 0.75rem;
  font-weight: 600;
}

.ComplianceDashboard_mttrNote__uxz5F {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #6b7280;
}

/***********************
  Severity Colors
***********************/
.ComplianceDashboard_severity__U79Y4 {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 600;
  text-transform: capitalize;
}

.ComplianceDashboard_critical__\+Bpab {
  background: #dc2626;
  color: white;
}

.ComplianceDashboard_high__2kvRP {
  background: #ea580c;
  color: white;
}

.ComplianceDashboard_medium__F-C63 {
  background: #facc15;
  color: #1f2937;
}

.ComplianceDashboard_low__ocXXr {
  background: #22c55e;
  color: white;
}

.ComplianceDashboard_default__GUsYN {
  background: #9ca3af;
  color: white;
}

.ComplianceDashboard_complianceScoreSection__rteeb {
  min-height: 394px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* padding-bottom: 1.5rem; */
}

.ComplianceDashboard_complianceFrameworkSection__4Q\+-d {
  min-height: 345px;
  background: #fff;
  border-radius: 0.75rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  /* padding: 1rem;      */
  /* margin-top: 1rem; */
  /* display: flex;
  flex-direction: column;
  justify-content: center; */
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* or try center */
  /* height: 100%; add or ensure this */
  padding: 1rem 2rem;
}

.ComplianceDashboard_spaceY__D9VwH {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ComplianceDashboard_complianceFrameworkScrollable__uWGGP {
  max-height: 300px; /* Adjust height as needed */
  overflow-y: auto;
  padding-right: 8px; /* Optional: for visual padding with the scrollbar */
}
/***********************
  Colors for Progress
***********************/
.ComplianceDashboard_green__KVsFT {
  background: #22c55e;
}
.ComplianceDashboard_greenDark__E9C3L {
  background: #166534;
}
.ComplianceDashboard_blue__fiRY- {
  background: #2563eb;
}
.ComplianceDashboard_blueDark__jUAu1 {
  background: #1e3a8a;
}
.ComplianceDashboard_yellow__dq\+I2 {
  background: #facc15;
}
.ComplianceDashboard_red__xAZ6q {
  background: #dc2626;
}
.ComplianceDashboard_orange__igPjp {
  background: #ea580c;
}

/***********************
  Trend Colors
***********************/
.ComplianceDashboard_trendUp__CIeWY {
  color: #16a34a;
}
.ComplianceDashboard_trendDown__Bx9Ht {
  color: #dc2626;
}
.ComplianceDashboard_trendStable__8HpjW {
  color: #6b7280;
}

/* Targets.module.css */
.Targets_accordion__cQeTm {
  margin-bottom: 10px;
  width: 100%;
}

.Targets_heading__U74W4 {
  font-size: 0.9375rem; /* 15px */
  font-weight: 600;
  flex-basis: 70%;
  flex-shrink: 0;
}

.Targets_accordionDetails__pOQTf {
  width: 100%;
  margin-top: -0.5rem;
}

.Targets_contentWrapper__ka8xI {
  width: 100%;
}
/* Styles for CloudSecurityVulnerabilities Dashboard */

.login-page {
  display: flex;
  flex-direction: row;
  background-color: white;
  /* align-items: center; */
}

.company-image {
  display: flex;
  width: 50%;
  background: #3b3c3d;
}

.org-page {
  display: flex;
  height: 100vh;
  width: 55%;
  flex-direction: column;
  /* align-items: center; */
  /* justify-content: center; */
  /* background: #3b3c3d; */
}

.twoFA-page {
  display: flex;
  height: 100vh;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* background: #3b3c3d; */
  background-color: #f4f6f8;
}

.org-header {
  display: flex;
  align-items: center;
  border-bottom: 2px solid #a9a5a5;
  padding-bottom: 15px;
  padding-top: 10px;
  margin-bottom: 20px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}

.org-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  overflow: hidden;
}

.org-container {
  width: 500px;
  padding: 1rem;
  background: #ffffff;
  border: 1px solid #cfcfcf;
  border-radius: 0.5rem;
}

.org-container > h5 {
  padding: 0.75rem;
  font-size: 18px !important;
  text-align: center;
  font-weight: 600;
  color: #444444;
  /* margin-bottom: 2rem; */
}

.org-h5 {
  margin-top: 1.75rem;
  font-size: 18px !important;
  padding: 0 !important;
  font-weight: 500;
  color: #444444;
  text-align: start !important;
  margin-bottom: 0.2rem !important;
}

.org-span {
  font-size: 13px;
  line-height: 1.5;
  color: #999;
  margin-bottom: 0.75rem !important;
}

.org-list-container {
  max-height: 520px;
  overflow-y: auto;
  overflow-x: hidden !important;
}

.org-list-container > ul {
  list-style: none;
  margin: 0;
}

.org-list-li {
  margin: 0 0.5rem;
  cursor: pointer;
}

.org-list-li:hover {
  background: #e2f1f8;
}

.org-list-li div {
  padding: 0.75rem 0.5rem;
  border-bottom: 1px solid #cfcfcf;
}

.org-list-li div h5 {
  margin: 0 !important;
  font-size: 18px;
  font-weight: 500;
  color: #444444;
}

/* login page css */

.main-container-lPage {
  display: flex;
  width: 45%;
  background: #cfedf8;
  flex-direction: column;
  overflow: hidden;
  height: 100vh;
}

.top-section-lPage {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 2rem;
}

.left-section-lPage {
  display: flex;
  align-items: center;
  width: 50%;
}

.main-heading-lPage {
  font-size: 35px;
  font-weight: 600;
}

.color-blue-lPage {
  color: #3cacd5;
}

.color-light-blue-lPage {
  color: #1a9fdb;
}

.color-dark-blue-lPage {
  color: #076077;
}

.right-section-lPage {
  width: 50%;
  padding-left: 6rem;
}

.right-section-lPage {
  width: 50%;
  padding-left: 6rem;
}

.welcome-image {
  object-fit: fill;
  display: block;
  /* max-height: 650px; */
  /* width: 100%; */
  height: 100%;
}

.org-top {
  display: flex;
  justify-content: center;
  align-items: center;
}

.horizontal-line-lPage {
  height: 3px;
  background-color: #c6c6c6;
  margin-left: 23px;
  margin-right: 23px;
}

@media (max-width: 768px) {
  .org-page {
    width: 100% !important;
    /* background-color: #cfedf8; */
    background-color: white;
  }

  .main-container-lPage {
    width: 0% !important;
  }
}

.TwoFactorRecovery_container__XJB0c {
  min-height: 100vh;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px;
}

.TwoFactorRecovery_card__DWHuR {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 40px;
  width: 100%;
  max-width: 600px;
  margin-top: 20px;
}

.TwoFactorRecovery_title__WAS\+p {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #333;
  margin: 0 0 20px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.TwoFactorRecovery_instruction__B3kyk {
  color: #007bff;
  text-align: center;
  margin-bottom: 24px;
  font-size: 14px;
}

.TwoFactorRecovery_alert__Ha9bV {
  background-color: #fff3cd;
  border: 1px solid #ffc107;
  border-radius: 4px;
  padding: 12px 16px;
  margin-bottom: 20px;
  color: #856404;
  font-size: 14px;
}

.TwoFactorRecovery_formGroup__vDpvA {
  margin-bottom: 20px;
}

.TwoFactorRecovery_label__r6VMH {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #333;
  font-size: 14px;
}

.TwoFactorRecovery_input__YplQI {
  margin-top: 10px;
}
.TwoFactorRecovery_resendContainer__U\+cpg {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px;
}

.TwoFactorRecovery_linkButton__o6RJ6 {
  background: none;
  border: none;
  color: #007bff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: opacity 0.2s;
}

.TwoFactorRecovery_linkButton__o6RJ6:hover {
  opacity: 0.8;
  text-decoration: underline;
}

.TwoFactorRecovery_linkButton__o6RJ6:active {
  opacity: 0.6;
}

.TwoFactorRecovery_timer__yxzS- {
  text-align: center;
  font-size: 14px;
  margin: 12px 0;
  font-weight: 500;
}

.TwoFactorRecovery_timerGreen__mUA5c {
  color: #28a745;
}

.TwoFactorRecovery_timerOrange__OCq9W {
  color: #ff9800;
}

.TwoFactorRecovery_timerRed__f-Wkt {
  color: #dc3545;
}

.TwoFactorRecovery_problemSection__V2SQv {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #eee;
}

.TwoFactorRecovery_problemTitle__qeA1F {
  font-size: 14px;
  font-weight: 700;
  color: #444;
  margin: 0 0 12px 0;
  letter-spacing: 0.5px;
}

.TwoFactorRecovery_problemSection__V2SQv .TwoFactorRecovery_linkButton__o6RJ6 {
  display: block;
  text-align: left;
  width: 100%;
  padding: 12px 0;
  margin: 0;
}

.TwoFactorRecovery_problemSection__V2SQv .TwoFactorRecovery_linkButton__o6RJ6:hover {
  text-decoration: none;
  opacity: 1;
  background-color: #f8f9fa;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
  .TwoFactorRecovery_card__DWHuR {
    max-width: 550px;
  }
}

@media (max-width: 992px) {
  .TwoFactorRecovery_card__DWHuR {
    max-width: 500px;
    padding: 35px 30px;
  }
}

@media (max-width: 768px) {
  .TwoFactorRecovery_container__XJB0c {
    padding: 30px 15px;
  }

  .TwoFactorRecovery_card__DWHuR {
    max-width: 100%;
    padding: 30px 20px;
    margin-top: 15px;
  }

  .TwoFactorRecovery_title__WAS\+p {
    font-size: 18px;
    margin-bottom: 16px;
  }

  .TwoFactorRecovery_instruction__B3kyk {
    font-size: 13px;
    margin-bottom: 20px;
  }

  .TwoFactorRecovery_formGroup__vDpvA {
    margin-bottom: 16px;
  }

  .TwoFactorRecovery_label__r6VMH {
    font-size: 13px;
    margin-bottom: 6px;
  }

  /* .input {
    padding: 10px 14px;
    font-size: 14px;
  } */

  .TwoFactorRecovery_linkButton__o6RJ6 {
    font-size: 13px;
    padding: 6px 10px;
  }

  .TwoFactorRecovery_timer__yxzS- {
    font-size: 13px;
    margin: 10px 0;
  }

  .TwoFactorRecovery_alert__Ha9bV {
    padding: 10px 14px;
    font-size: 13px;
    margin-bottom: 16px;
  }

  .TwoFactorRecovery_problemSection__V2SQv {
    margin-top: 20px;
    padding-top: 16px;
  }

  .TwoFactorRecovery_problemTitle__qeA1F {
    font-size: 13px;
    margin-bottom: 10px;
  }

  .TwoFactorRecovery_problemSection__V2SQv .TwoFactorRecovery_linkButton__o6RJ6 {
    padding: 10px 0;
    font-size: 13px;
  }
}

@media (max-width: 576px) {
  .TwoFactorRecovery_container__XJB0c {
    padding: 20px 10px;
  }

  .TwoFactorRecovery_card__DWHuR {
    padding: 24px 16px;
    margin-top: 10px;
    border-radius: 6px;
  }

  .TwoFactorRecovery_title__WAS\+p {
    font-size: 16px;
    margin-bottom: 14px;
  }

  .TwoFactorRecovery_instruction__B3kyk {
    font-size: 12px;
    margin-bottom: 16px;
  }

  .TwoFactorRecovery_formGroup__vDpvA {
    margin-bottom: 14px;
  }

  .TwoFactorRecovery_label__r6VMH {
    font-size: 12px;
    margin-bottom: 5px;
  }

  /* .input {
    padding: 9px 12px;
    font-size: 13px;
  } */

  .TwoFactorRecovery_linkButton__o6RJ6 {
    font-size: 12px;
    padding: 5px 8px;
  }

  .TwoFactorRecovery_timer__yxzS- {
    font-size: 12px;
    margin: 8px 0;
  }

  .TwoFactorRecovery_alert__Ha9bV {
    padding: 8px 12px;
    font-size: 12px;
    margin-bottom: 14px;
  }

  .TwoFactorRecovery_problemSection__V2SQv {
    margin-top: 16px;
    padding-top: 14px;
  }

  .TwoFactorRecovery_problemTitle__qeA1F {
    font-size: 12px;
    margin-bottom: 8px;
  }

  .TwoFactorRecovery_problemSection__V2SQv .TwoFactorRecovery_linkButton__o6RJ6 {
    padding: 8px 0;
    font-size: 12px;
  }

  .TwoFactorRecovery_resendContainer__U\+cpg {
    margin-bottom: 10px;
  }
}

@media (max-width: 400px) {
  .TwoFactorRecovery_container__XJB0c {
    padding: 15px 8px;
  }

  .TwoFactorRecovery_card__DWHuR {
    padding: 20px 12px;
  }

  .TwoFactorRecovery_title__WAS\+p {
    font-size: 15px;
  }

  .TwoFactorRecovery_instruction__B3kyk {
    font-size: 11px;
  }

  /* .input {
    padding: 8px 10px;
    font-size: 12px;
  } */
}

.notification-container {
    font-size: 14px;
    box-sizing: border-box;
    position: fixed;
    z-index: 9999;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  .top-right {
    top: 20px;
    right: 12px;
    animation: toast-in-right 0.3s;
  }
  
  .bottom-right {
    bottom: 12px;
    right: 12px;
    animation: toast-in-right 0.3s;
  }
  
  .top-left {
    top: 12px;
    left: 12px;
    animation: toast-in-left 0.3s;
  }
  
  .bottom-left {
    bottom: 12px;
    left: 12px;
    animation: toast-in-left 0.3s;
  }
  
  .notification {
    background: #fff;
    transition: 0.3s ease;
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 20px;
    margin-bottom: 15px;
    width: 300px;
    /* max-height: 100px; */
    border-radius: 3px;
    box-shadow: 0 0 10px #999;
    color: #000;
    opacity: 1;
  }
  
  .notification:hover {
    box-shadow: 0 0 12px #fff;
    opacity: 1;
    cursor: pointer;
  }
  
  .notification-title {
    font-weight: 700;
    font-size: 16px;
    text-align: left;
    margin-top: 0;
    margin-bottom: 6px;
    width: 300px;
    height: 18px;
  }
  
  .notification-message {
    margin: 0;
    text-align: left;
    /* height: 18px; */
    margin-left: -1px;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
  }
  
  .notification-image {
    float: left;
    margin-right: 15px;
    
  }
  .notification-image >.MuiSvgIcon-root{
    font-size: 2.2rem !important;
  }
  .toast-card {
    /* height: 50px; */
    width: 365px;
    color: #fff;
    padding: .75rem;
  }
  
  .close-button {
    position: absolute !important;
    top: 4px !important;
    right: 8px !important;
    outline:none !important;
    padding: .25rem !important;
    font-size: 1rem !important;
  }
  .notify-close{
    color: #fff !important;
}
  @keyframes toast-in-right {
    from {
      transform: translateX(100%);
    }
    to {
      translate: translateX(0);
    }
  }
  
  @keyframes toast-in-left {
    from {
      transform: translateX(-100%);
    }
    to {
      translate: translateX(0);
    }
  }
@charset "UTF-8";/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-family:var(--bs-body-font-family);font-size:1rem;font-size:var(--bs-body-font-size);font-weight:400;font-weight:var(--bs-body-font-weight);line-height:1.5;line-height:var(--bs-body-line-height);color:#212529;color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:#fff;background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:inherit;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:#212529;color:var(--bs-highlight-color);background-color:#fff3cd;background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(13,110,253,1);color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:#fff;color:var(--bs-body-bg);background-color:#212529;background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:rgba(33, 37, 41, 0.75);color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1)}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-weight:300;line-height:1.2;font-size:calc(1.625rem + 4.5vw)}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-weight:300;line-height:1.2;font-size:calc(1.575rem + 3.9vw)}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-weight:300;line-height:1.2;font-size:calc(1.525rem + 3.3vw)}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-weight:300;line-height:1.2;font-size:calc(1.475rem + 2.7vw)}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-weight:300;line-height:1.2;font-size:calc(1.425rem + 2.1vw)}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-weight:300;line-height:1.2;font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;background-color:var(--bs-body-bg);border:1px solid #dee2e6;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:0.375rem;border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:rgba(33, 37, 41, 0.75);color:var(--bs-secondary-color)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.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(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color);color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:1px;border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(1px * 2) solid currentcolor;border-top:calc(var(--bs-border-width) * 2) solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:1px 0;border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 1px;border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#a6b5cc;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#b5b6b7;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#a7b9b1;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#a6c3ca;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#ccc2a4;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#c6acae;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#c6c7c8;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + 1px);padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + 1px);padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + 1px);padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + 1px);padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:rgba(33, 37, 41, 0.75);color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;color:var(--bs-body-color);-webkit-appearance:none;appearance:none;background-color:#fff;background-color:var(--bs-body-bg);background-clip:padding-box;border:1px solid #dee2e6;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:0.375rem;border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:#212529;color:var(--bs-body-color);background-color:#fff;background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:rgba(33, 37, 41, 0.75);color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:#e9ecef;background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;color:var(--bs-body-color);background-color:#f8f9fa;background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;color:var(--bs-body-color);background-color:#f8f9fa;background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#e9ecef;background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#e9ecef;background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:#212529;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:1px 0;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(1px * 2));min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:0.25rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(1px * 2));min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:0.5rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(1px * 2));min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(1px * 2));min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(1px * 2));min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(1px * 2));height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:0.375rem;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:0.375rem;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(1px * 2));height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(1px * 2));height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;color:var(--bs-body-color);-webkit-appearance:none;appearance:none;background-color:#fff;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),none;background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #dee2e6;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:0.375rem;border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:#e9ecef;background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:0.25rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:0.5rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23dee2e6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid #dee2e6;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27m6 10 3 3 6-6%27/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%272%27 fill=%27%23fff%27/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10h8%27/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%280, 0, 0, 0.25%29%27/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%2386b7fe%27/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%28255, 255, 255, 0.25%29%27/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;-webkit-appearance:none;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;-webkit-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#e9ecef;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#e9ecef;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:rgba(33, 37, 41, 0.75);background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:rgba(33, 37, 41, 0.75);background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(1px * 2));height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(1px * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;max-width:100%;height:100%;padding:1rem .75rem;overflow:hidden;color:rgba(33,37,41,.65);color:rgba(var(--bs-body-color-rgb),.65);text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:1px solid transparent;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem;padding-left:.75rem}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>textarea:focus~label::after,.form-floating>textarea:not(:placeholder-shown)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:#fff;background-color:var(--bs-body-bg);border-radius:0.375rem;border-radius:var(--bs-border-radius)}.form-floating>textarea:disabled~label::after{background-color:#e9ecef;background-color:var(--bs-secondary-bg)}.form-floating>.form-control-plaintext~label{border-width:1px 0;border-width:var(--bs-border-width) 0}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:#f8f9fa;background-color:var(--bs-tertiary-bg);border:1px solid #dee2e6;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:0.375rem;border-radius:var(--bs-border-radius)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:0.5rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:0.25rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(-1 * 1px);margin-left:calc(-1 * var(--bs-border-width));border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#198754;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:#198754;background-color:var(--bs-success);border-radius:0.375rem;border-radius:var(--bs-border-radius)}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#198754;border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1%27/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#198754;border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(25,135,84,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#198754;border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1%27/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#198754;border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(25,135,84,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#198754;border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#198754;background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#198754;color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:#dc3545;background-color:var(--bs-danger);border-radius:0.375rem;border-radius:var(--bs-border-radius)}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(220,53,69,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#dc3545;border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#dc3545;border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(220,53,69,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#dc3545;border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#dc3545;background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545;color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:0.375rem;border-radius:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(-1 * 1px);margin-left:calc(-1 * var(--bs-border-width))}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(-1 * 1px);margin-top:calc(-1 * var(--bs-border-width))}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:nth-child(n+3),.btn-group-vertical>:not(.btn-check)+.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap:1rem;--bs-nav-underline-border-width:0.125rem;--bs-nav-underline-link-active-color:var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-grow:1;flex-basis:0;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%2833, 37, 41, 0.75%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:1px solid var(--bs-navbar-toggler-border-color);border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:75vh;max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:#212529;color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child)>.card-header,.card-group>.card:not(:last-child)>.card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child)>.card-footer,.card-group>.card:not(:last-child)>.card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child)>.card-header,.card-group>.card:not(:first-child)>.card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child)>.card-footer,.card-group>.card:not(:first-child)>.card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-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,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23212529%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23052c65%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%236ea8fe%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708%27/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%236ea8fe%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708%27/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:"/";content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(-1 * 1px);margin-left:calc(-1 * var(--bs-border-width))}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:var(--bs-primary-text-emphasis);--bs-alert-bg:var(--bs-primary-bg-subtle);--bs-alert-border-color:var(--bs-primary-border-subtle);--bs-alert-link-color:var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color:var(--bs-secondary-text-emphasis);--bs-alert-bg:var(--bs-secondary-bg-subtle);--bs-alert-border-color:var(--bs-secondary-border-subtle);--bs-alert-link-color:var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color:var(--bs-light-text-emphasis);--bs-alert-bg:var(--bs-light-bg-subtle);--bs-alert-border-color:var(--bs-light-border-subtle);--bs-alert-link-color:var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color:var(--bs-dark-text-emphasis);--bs-alert-bg:var(--bs-dark-bg-subtle);--bs-alert-border-color:var(--bs-dark-border-subtle);--bs-alert-link-color:var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}.progress,.progress-stacked{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:not(.active):focus,.list-group-item-action:not(.active):hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:not(.active):active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color:var(--bs-primary-text-emphasis);--bs-list-group-bg:var(--bs-primary-bg-subtle);--bs-list-group-border-color:var(--bs-primary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-primary-border-subtle);--bs-list-group-active-color:var(--bs-primary-bg-subtle);--bs-list-group-active-bg:var(--bs-primary-text-emphasis);--bs-list-group-active-border-color:var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color:var(--bs-secondary-text-emphasis);--bs-list-group-bg:var(--bs-secondary-bg-subtle);--bs-list-group-border-color:var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);--bs-list-group-active-color:var(--bs-secondary-bg-subtle);--bs-list-group-active-bg:var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color:var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color:var(--bs-success-text-emphasis);--bs-list-group-bg:var(--bs-success-bg-subtle);--bs-list-group-border-color:var(--bs-success-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-success-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-success-border-subtle);--bs-list-group-active-color:var(--bs-success-bg-subtle);--bs-list-group-active-bg:var(--bs-success-text-emphasis);--bs-list-group-active-border-color:var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color:var(--bs-info-text-emphasis);--bs-list-group-bg:var(--bs-info-bg-subtle);--bs-list-group-border-color:var(--bs-info-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-info-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-info-border-subtle);--bs-list-group-active-color:var(--bs-info-bg-subtle);--bs-list-group-active-bg:var(--bs-info-text-emphasis);--bs-list-group-active-border-color:var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color:var(--bs-warning-text-emphasis);--bs-list-group-bg:var(--bs-warning-bg-subtle);--bs-list-group-border-color:var(--bs-warning-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-warning-border-subtle);--bs-list-group-active-color:var(--bs-warning-bg-subtle);--bs-list-group-active-bg:var(--bs-warning-text-emphasis);--bs-list-group-active-border-color:var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color:var(--bs-danger-text-emphasis);--bs-list-group-bg:var(--bs-danger-bg-subtle);--bs-list-group-border-color:var(--bs-danger-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-danger-border-subtle);--bs-list-group-active-color:var(--bs-danger-bg-subtle);--bs-list-group-active-bg:var(--bs-danger-text-emphasis);--bs-list-group-active-border-color:var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color:var(--bs-light-text-emphasis);--bs-list-group-bg:var(--bs-light-bg-subtle);--bs-list-group-border-color:var(--bs-light-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-light-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-light-border-subtle);--bs-list-group-active-color:var(--bs-light-bg-subtle);--bs-list-group-active-bg:var(--bs-light-text-emphasis);--bs-list-group-active-border-color:var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color:var(--bs-dark-text-emphasis);--bs-list-group-bg:var(--bs-dark-bg-subtle);--bs-list-group-border-color:var(--bs-dark-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-dark-border-subtle);--bs-list-group-active-color:var(--bs-dark-bg-subtle);--bs-list-group-active-bg:var(--bs-dark-text-emphasis);--bs-list-group-active-border-color:var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23000%27%3e%3cpath d=%27M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414%27/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;filter: ;filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}:root,[data-bs-theme=light]{--bs-btn-close-filter: }[data-bs-theme=dark]{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:-webkit-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color:var(--bs-body-color);--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transform:translate(0,-50px);transition:transform .3s ease-out}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin-top:calc(-.5 * var(--bs-modal-header-padding-y));margin-right:calc(-.5 * var(--bs-modal-header-padding-x));margin-bottom:calc(-.5 * var(--bs-modal-header-padding-y));margin-left:auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.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-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;filter: ;filter:var(--bs-carousel-control-icon-filter);border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0%27/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708%27/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-color:var(--bs-carousel-indicator-active-bg);background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;color:var(--bs-carousel-caption-color);text-align:center}.carousel-dark{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}:root,[data-bs-theme=light]{--bs-carousel-indicator-active-bg:#fff;--bs-carousel-caption-color:#fff;--bs-carousel-control-icon-filter: }[data-bs-theme=dark]{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}.spinner-border,.spinner-grow{display:inline-block;flex-shrink:0;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(-.5 * var(--bs-offcanvas-padding-y));margin-right:calc(-.5 * var(--bs-offcanvas-padding-x));margin-bottom:calc(-.5 * var(--bs-offcanvas-padding-y));margin-left:auto}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(13,110,253,1)!important;background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(108,117,125,1)!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(25,135,84,1)!important;background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(13,202,240,1)!important;background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(255,193,7,1)!important;background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(220,53,69,1)!important;background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(248,249,250,1)!important;background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(33,37,41,1)!important;background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important}.link-primary{color:RGBA(13,110,253,1)!important;color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(13,110,253,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(13,110,253,1)!important;text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important}.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,1)!important;color:RGBA(10,88,202,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(10,88,202,1)!important;-webkit-text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(10,88,202,1)!important;text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important}.link-secondary{color:RGBA(108,117,125,1)!important;color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(108,117,125,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(108,117,125,1)!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,1)!important;color:RGBA(86,94,100,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(86,94,100,1)!important;-webkit-text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(86,94,100,1)!important;text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important}.link-success{color:RGBA(25,135,84,1)!important;color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(25,135,84,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(25,135,84,1)!important;text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important}.link-success:focus,.link-success:hover{color:RGBA(20,108,67,1)!important;color:RGBA(20,108,67,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(20,108,67,1)!important;-webkit-text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(20,108,67,1)!important;text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important}.link-info{color:RGBA(13,202,240,1)!important;color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(13,202,240,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(13,202,240,1)!important;text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important}.link-info:focus,.link-info:hover{color:RGBA(61,213,243,1)!important;color:RGBA(61,213,243,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(61,213,243,1)!important;-webkit-text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(61,213,243,1)!important;text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important}.link-warning{color:RGBA(255,193,7,1)!important;color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(255,193,7,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(255,193,7,1)!important;text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important}.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,1)!important;color:RGBA(255,205,57,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(255,205,57,1)!important;-webkit-text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(255,205,57,1)!important;text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important}.link-danger{color:RGBA(220,53,69,1)!important;color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(220,53,69,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(220,53,69,1)!important;text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important}.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,1)!important;color:RGBA(176,42,55,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(176,42,55,1)!important;-webkit-text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(176,42,55,1)!important;text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important}.link-light{color:RGBA(248,249,250,1)!important;color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(248,249,250,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(248,249,250,1)!important;text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important}.link-light:focus,.link-light:hover{color:RGBA(249,250,251,1)!important;color:RGBA(249,250,251,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(249,250,251,1)!important;-webkit-text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(249,250,251,1)!important;text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important}.link-dark{color:RGBA(33,37,41,1)!important;color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(33,37,41,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(33,37,41,1)!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,1)!important;color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(26,30,33,1)!important;-webkit-text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(26,30,33,1)!important;text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important}.link-body-emphasis{color:RGBA(0,0,0,1)!important;color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(0,0,0,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(0,0,0,1)!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(0,0,0,.75)!important;color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;-webkit-text-decoration-color:RGBA(0,0,0,0.75)!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important;text-decoration-color:RGBA(0,0,0,0.75)!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important}.focus-ring:focus{outline:0;box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);box-shadow:var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:.375rem;align-items:center;-webkit-text-decoration-color:rgba(13,110,253,0.5);-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-decoration-color:rgba(13,110,253,0.5);text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-underline-offset:0.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}@media (prefers-reduced-motion:reduce){.icon-link>.bi{transition:none}}.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi{transform:translate3d(.25em,0,0);transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.visually-hidden *,.visually-hidden-focusable:not(:focus):not(:focus-within) *{overflow:hidden!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:1px;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.object-fit-contain{object-fit:contain!important}.object-fit-cover{object-fit:cover!important}.object-fit-fill{object-fit:fill!important}.object-fit-scale{object-fit:scale-down!important}.object-fit-none{object-fit:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15)!important;box-shadow:var(--bs-box-shadow)!important}.shadow-sm{box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)!important;box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0, 0, 0, 0.175)!important;box-shadow:var(--bs-box-shadow-lg)!important}.shadow-none{box-shadow:none!important}.focus-ring-primary{--bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-secondary{--bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-success{--bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}.focus-ring-info{--bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}.focus-ring-warning{--bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}.focus-ring-danger{--bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}.focus-ring-light{--bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}.focus-ring-dark{--bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:1px solid #dee2e6!important;border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee2e6!important;border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:1px solid #dee2e6!important;border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee2e6!important;border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:1px solid #dee2e6!important;border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(13,110,253,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(108,117,125,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(25,135,84,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(13,202,240,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(255,193,7,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(220,53,69,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(248,249,250,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(33,37,41,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-black{--bs-border-opacity:1;border-color:rgba(0,0,0,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(255,255,255,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-primary-subtle{border-color:#9ec5fe!important;border-color:var(--bs-primary-border-subtle)!important}.border-secondary-subtle{border-color:#c4c8cb!important;border-color:var(--bs-secondary-border-subtle)!important}.border-success-subtle{border-color:#a3cfbb!important;border-color:var(--bs-success-border-subtle)!important}.border-info-subtle{border-color:#9eeaf9!important;border-color:var(--bs-info-border-subtle)!important}.border-warning-subtle{border-color:#ffe69c!important;border-color:var(--bs-warning-border-subtle)!important}.border-danger-subtle{border-color:#f1aeb5!important;border-color:var(--bs-danger-border-subtle)!important}.border-light-subtle{border-color:#e9ecef!important;border-color:var(--bs-light-border-subtle)!important}.border-dark-subtle{border-color:#adb5bd!important;border-color:var(--bs-dark-border-subtle)!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.border-opacity-10{--bs-border-opacity:0.1}.border-opacity-25{--bs-border-opacity:0.25}.border-opacity-50{--bs-border-opacity:0.5}.border-opacity-75{--bs-border-opacity:0.75}.border-opacity-100{--bs-border-opacity:1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:3rem!important}.column-gap-0{column-gap:0!important}.column-gap-1{column-gap:.25rem!important}.column-gap-2{column-gap:.5rem!important}.column-gap-3{column-gap:1rem!important}.column-gap-4{column-gap:1.5rem!important}.column-gap-5{column-gap:3rem!important}.font-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-lighter{font-weight:lighter!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(13,110,253,var(--bs-text-opacity))!important;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(108,117,125,var(--bs-text-opacity))!important;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(25,135,84,var(--bs-text-opacity))!important;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(13,202,240,var(--bs-text-opacity))!important;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(255,193,7,var(--bs-text-opacity))!important;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(220,53,69,var(--bs-text-opacity))!important;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(248,249,250,var(--bs-text-opacity))!important;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(33,37,41,var(--bs-text-opacity))!important;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(0,0,0,var(--bs-text-opacity))!important;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(255,255,255,var(--bs-text-opacity))!important;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(33,37,41,var(--bs-text-opacity))!important;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:rgba(33, 37, 41, 0.75)!important;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-body-secondary{--bs-text-opacity:1;color:rgba(33, 37, 41, 0.75)!important;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity:1;color:rgba(33, 37, 41, 0.5)!important;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity:1;color:#000!important;color:var(--bs-emphasis-color)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.text-primary-emphasis{color:#052c65!important;color:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:#2b2f32!important;color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:#0a3622!important;color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:#055160!important;color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:#664d03!important;color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:#58151c!important;color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:#495057!important;color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:#495057!important;color:var(--bs-dark-text-emphasis)!important}.link-opacity-10{--bs-link-opacity:0.1}.link-opacity-10-hover:hover{--bs-link-opacity:0.1}.link-opacity-25{--bs-link-opacity:0.25}.link-opacity-25-hover:hover{--bs-link-opacity:0.25}.link-opacity-50{--bs-link-opacity:0.5}.link-opacity-50-hover:hover{--bs-link-opacity:0.5}.link-opacity-75{--bs-link-opacity:0.75}.link-opacity-75-hover:hover{--bs-link-opacity:0.75}.link-opacity-100{--bs-link-opacity:1}.link-opacity-100-hover:hover{--bs-link-opacity:1}.link-offset-1{text-underline-offset:0.125em!important}.link-offset-1-hover:hover{text-underline-offset:0.125em!important}.link-offset-2{text-underline-offset:0.25em!important}.link-offset-2-hover:hover{text-underline-offset:0.25em!important}.link-offset-3{text-underline-offset:0.375em!important}.link-offset-3-hover:hover{text-underline-offset:0.375em!important}.link-underline-primary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(13,110,253,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(13,110,253,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(108,117,125,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(108,117,125,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(25,135,84,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(25,135,84,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(13,202,240,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(13,202,240,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(255,193,7,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(255,193,7,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(220,53,69,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(220,53,69,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(248,249,250,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(248,249,250,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(33,37,41,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(33,37,41,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(13,110,253,1)!important;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:rgba(13,110,253,1)!important;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-underline-opacity-0{--bs-link-underline-opacity:0}.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}.link-underline-opacity-10{--bs-link-underline-opacity:0.1}.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:0.1}.link-underline-opacity-25{--bs-link-underline-opacity:0.25}.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:0.25}.link-underline-opacity-50{--bs-link-underline-opacity:0.5}.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:0.5}.link-underline-opacity-75{--bs-link-underline-opacity:0.75}.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:0.75}.link-underline-opacity-100{--bs-link-underline-opacity:1}.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(13,110,253,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(108,117,125,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(25,135,84,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(13,202,240,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(255,193,7,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(220,53,69,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(248,249,250,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(33,37,41,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(0,0,0,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(255,255,255,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(255,255,255,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(233,236,239,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.bg-body-tertiary{--bs-bg-opacity:1;background-color:rgba(248,249,250,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-primary-subtle{background-color:#cfe2ff!important;background-color:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:#e2e3e5!important;background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:#d1e7dd!important;background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:#cff4fc!important;background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:#fff3cd!important;background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:#f8d7da!important;background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:#fcfcfd!important;background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:#ced4da!important;background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{background-image:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))!important;background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:0.375rem!important;border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:0.25rem!important;border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:0.375rem!important;border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:0.5rem!important;border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:1rem!important;border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:2rem!important;border-radius:var(--bs-border-radius-xxl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important;border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:0.375rem!important;border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:0.375rem!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-top-1{border-top-left-radius:0.25rem!important;border-top-left-radius:var(--bs-border-radius-sm)!important;border-top-right-radius:0.25rem!important;border-top-right-radius:var(--bs-border-radius-sm)!important}.rounded-top-2{border-top-left-radius:0.375rem!important;border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:0.375rem!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-3{border-top-left-radius:0.5rem!important;border-top-left-radius:var(--bs-border-radius-lg)!important;border-top-right-radius:0.5rem!important;border-top-right-radius:var(--bs-border-radius-lg)!important}.rounded-top-4{border-top-left-radius:1rem!important;border-top-left-radius:var(--bs-border-radius-xl)!important;border-top-right-radius:1rem!important;border-top-right-radius:var(--bs-border-radius-xl)!important}.rounded-top-5{border-top-left-radius:2rem!important;border-top-left-radius:var(--bs-border-radius-xxl)!important;border-top-right-radius:2rem!important;border-top-right-radius:var(--bs-border-radius-xxl)!important}.rounded-top-circle{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.rounded-top-pill{border-top-left-radius:50rem!important;border-top-left-radius:var(--bs-border-radius-pill)!important;border-top-right-radius:50rem!important;border-top-right-radius:var(--bs-border-radius-pill)!important}.rounded-end{border-top-right-radius:0.375rem!important;border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:0.375rem!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-end-1{border-top-right-radius:0.25rem!important;border-top-right-radius:var(--bs-border-radius-sm)!important;border-bottom-right-radius:0.25rem!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important}.rounded-end-2{border-top-right-radius:0.375rem!important;border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:0.375rem!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-3{border-top-right-radius:0.5rem!important;border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:0.5rem!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}.rounded-end-4{border-top-right-radius:1rem!important;border-top-right-radius:var(--bs-border-radius-xl)!important;border-bottom-right-radius:1rem!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important}.rounded-end-5{border-top-right-radius:2rem!important;border-top-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-right-radius:2rem!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important}.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.rounded-end-pill{border-top-right-radius:50rem!important;border-top-right-radius:var(--bs-border-radius-pill)!important;border-bottom-right-radius:50rem!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important}.rounded-bottom{border-bottom-right-radius:0.375rem!important;border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:0.375rem!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:0.25rem!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important;border-bottom-left-radius:0.25rem!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important}.rounded-bottom-2{border-bottom-right-radius:0.375rem!important;border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:0.375rem!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-3{border-bottom-right-radius:0.5rem!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:0.5rem!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:1rem!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:1rem!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}.rounded-bottom-5{border-bottom-right-radius:2rem!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-left-radius:2rem!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important}.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-bottom-pill{border-bottom-right-radius:50rem!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important;border-bottom-left-radius:50rem!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important}.rounded-start{border-bottom-left-radius:0.375rem!important;border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:0.375rem!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-start-1{border-bottom-left-radius:0.25rem!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important;border-top-left-radius:0.25rem!important;border-top-left-radius:var(--bs-border-radius-sm)!important}.rounded-start-2{border-bottom-left-radius:0.375rem!important;border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:0.375rem!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-3{border-bottom-left-radius:0.5rem!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:0.5rem!important;border-top-left-radius:var(--bs-border-radius-lg)!important}.rounded-start-4{border-bottom-left-radius:1rem!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important;border-top-left-radius:1rem!important;border-top-left-radius:var(--bs-border-radius-xl)!important}.rounded-start-5{border-bottom-left-radius:2rem!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important;border-top-left-radius:2rem!important;border-top-left-radius:var(--bs-border-radius-xxl)!important}.rounded-start-circle{border-bottom-left-radius:50%!important;border-top-left-radius:50%!important}.rounded-start-pill{border-bottom-left-radius:50rem!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important;border-top-left-radius:50rem!important;border-top-left-radius:var(--bs-border-radius-pill)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-n1{z-index:-1!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.object-fit-sm-contain{object-fit:contain!important}.object-fit-sm-cover{object-fit:cover!important}.object-fit-sm-fill{object-fit:fill!important}.object-fit-sm-scale{object-fit:scale-down!important}.object-fit-sm-none{object-fit:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:3rem!important}.column-gap-sm-0{column-gap:0!important}.column-gap-sm-1{column-gap:.25rem!important}.column-gap-sm-2{column-gap:.5rem!important}.column-gap-sm-3{column-gap:1rem!important}.column-gap-sm-4{column-gap:1.5rem!important}.column-gap-sm-5{column-gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.object-fit-md-contain{object-fit:contain!important}.object-fit-md-cover{object-fit:cover!important}.object-fit-md-fill{object-fit:fill!important}.object-fit-md-scale{object-fit:scale-down!important}.object-fit-md-none{object-fit:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:3rem!important}.column-gap-md-0{column-gap:0!important}.column-gap-md-1{column-gap:.25rem!important}.column-gap-md-2{column-gap:.5rem!important}.column-gap-md-3{column-gap:1rem!important}.column-gap-md-4{column-gap:1.5rem!important}.column-gap-md-5{column-gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.object-fit-lg-contain{object-fit:contain!important}.object-fit-lg-cover{object-fit:cover!important}.object-fit-lg-fill{object-fit:fill!important}.object-fit-lg-scale{object-fit:scale-down!important}.object-fit-lg-none{object-fit:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:3rem!important}.column-gap-lg-0{column-gap:0!important}.column-gap-lg-1{column-gap:.25rem!important}.column-gap-lg-2{column-gap:.5rem!important}.column-gap-lg-3{column-gap:1rem!important}.column-gap-lg-4{column-gap:1.5rem!important}.column-gap-lg-5{column-gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.object-fit-xl-contain{object-fit:contain!important}.object-fit-xl-cover{object-fit:cover!important}.object-fit-xl-fill{object-fit:fill!important}.object-fit-xl-scale{object-fit:scale-down!important}.object-fit-xl-none{object-fit:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:3rem!important}.column-gap-xl-0{column-gap:0!important}.column-gap-xl-1{column-gap:.25rem!important}.column-gap-xl-2{column-gap:.5rem!important}.column-gap-xl-3{column-gap:1rem!important}.column-gap-xl-4{column-gap:1.5rem!important}.column-gap-xl-5{column-gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.object-fit-xxl-contain{object-fit:contain!important}.object-fit-xxl-cover{object-fit:cover!important}.object-fit-xxl-fill{object-fit:fill!important}.object-fit-xxl-scale{object-fit:scale-down!important}.object-fit-xxl-none{object-fit:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:3rem!important}.column-gap-xxl-0{column-gap:0!important}.column-gap-xxl-1{column-gap:.25rem!important}.column-gap-xxl-2{column-gap:.5rem!important}.column-gap-xxl-3{column-gap:1rem!important}.column-gap-xxl-4{column-gap:1.5rem!important}.column-gap-xxl-5{column-gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
/* ===========================
   Portal Alerts - Top Banner Style
   Fixed at top, navbar adjusts below it
=========================== */

.PortalAlerts_alertsContainer__putDi {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1200; /* Above navbar (1100) */
  display: flex;
  flex-direction: column;
}

/* ===========================
   Single Alert Banner
=========================== */

.PortalAlerts_alertItem__ZNDzm {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  padding: 10px 60px 10px 20px;
  position: relative;
}

/* ===========================
   Alert Counter Badge
=========================== */

.PortalAlerts_alertCounter__eLJRG {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  margin-left: 12px;
  font-size: 12px;
  font-weight: 500;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  white-space: nowrap;
}

/* ===========================
   Alert Type Variants - Light Backgrounds & Dark Text
=========================== */

.PortalAlerts_alertWarning__8oDud {
  background: #fffbeb;
  border-top: 2px solid #fbbf24;
}

.PortalAlerts_alertWarning__8oDud .PortalAlerts_alertIcon__ARwQa {
  color: #92400e;
}

.PortalAlerts_alertWarning__8oDud .PortalAlerts_alertTitle__hxj\+9,
.PortalAlerts_alertWarning__8oDud .PortalAlerts_alertMessage__0qqC7 {
  color: #78350f;
}

.PortalAlerts_alertWarning__8oDud .PortalAlerts_alertCounter__eLJRG {
  background: rgba(251, 191, 36, 0.2);
  color: #78350f;
}

.PortalAlerts_alertWarning__8oDud .PortalAlerts_alertAction__h7q2r {
  color: #b45309;
  font-weight: 700;
  text-decoration: underline;
}

.PortalAlerts_alertError__4GAMp {
  background: #fef2f2;
  border-top: 2px solid #f87171;
}

.PortalAlerts_alertError__4GAMp .PortalAlerts_alertIcon__ARwQa {
  color: #b91c1c;
}

.PortalAlerts_alertError__4GAMp .PortalAlerts_alertTitle__hxj\+9,
.PortalAlerts_alertError__4GAMp .PortalAlerts_alertMessage__0qqC7 {
  color: #7f1d1d;
}

.PortalAlerts_alertError__4GAMp .PortalAlerts_alertCounter__eLJRG {
  background: rgba(248, 113, 113, 0.2);
  color: #7f1d1d;
}

.PortalAlerts_alertError__4GAMp .PortalAlerts_alertAction__h7q2r {
  color: #991b1b;
  font-weight: 700;
  text-decoration: underline;
}

.PortalAlerts_alertSuccess__d\+GcP {
  background: #f0fdf4;
  border-top: 2px solid #4ade80;
}

.PortalAlerts_alertSuccess__d\+GcP .PortalAlerts_alertIcon__ARwQa {
  color: #166534;
}

.PortalAlerts_alertSuccess__d\+GcP .PortalAlerts_alertTitle__hxj\+9,
.PortalAlerts_alertSuccess__d\+GcP .PortalAlerts_alertMessage__0qqC7 {
  color: #14532d;
}

.PortalAlerts_alertSuccess__d\+GcP .PortalAlerts_alertCounter__eLJRG {
  background: rgba(74, 222, 128, 0.2);
  color: #14532d;
}

.PortalAlerts_alertSuccess__d\+GcP .PortalAlerts_alertAction__h7q2r {
  color: #166534;
  font-weight: 700;
  text-decoration: underline;
}

.PortalAlerts_alertInfo__OMEWF {
  background: #eff6ff;
  border-top: 2px solid #60a5fa;
}

.PortalAlerts_alertInfo__OMEWF .PortalAlerts_alertIcon__ARwQa {
  color: #1d4ed8;
}

.PortalAlerts_alertInfo__OMEWF .PortalAlerts_alertTitle__hxj\+9,
.PortalAlerts_alertInfo__OMEWF .PortalAlerts_alertMessage__0qqC7 {
  color: #1e3a8a;
}

.PortalAlerts_alertInfo__OMEWF .PortalAlerts_alertCounter__eLJRG {
  background: rgba(96, 165, 250, 0.2);
  color: #1e3a8a;
}

.PortalAlerts_alertInfo__OMEWF .PortalAlerts_alertAction__h7q2r {
  color: #1e40af;
  font-weight: 700;
  text-decoration: underline;
}

.PortalAlerts_alertPayment__sNEgi {
  background: #faf5ff;
  border-top: 2px solid #a78bfa;
}

.PortalAlerts_alertPayment__sNEgi .PortalAlerts_alertIcon__ARwQa {
  color: #6d28d9;
}

.PortalAlerts_alertPayment__sNEgi .PortalAlerts_alertTitle__hxj\+9,
.PortalAlerts_alertPayment__sNEgi .PortalAlerts_alertMessage__0qqC7 {
  color: #4c1d95;
}

.PortalAlerts_alertPayment__sNEgi .PortalAlerts_alertCounter__eLJRG {
  background: rgba(167, 139, 250, 0.2);
  color: #4c1d95;
}

.PortalAlerts_alertPayment__sNEgi .PortalAlerts_alertAction__h7q2r {
  color: #5b21b6;
  font-weight: 700;
  text-decoration: underline;
}

.PortalAlerts_alertSubscription__0VDQf {
  background: #fff7ed;
  border-top: 2px solid #fb923c;
}

.PortalAlerts_alertSubscription__0VDQf .PortalAlerts_alertIcon__ARwQa {
  color: #c2410c;
}

.PortalAlerts_alertSubscription__0VDQf .PortalAlerts_alertTitle__hxj\+9,
.PortalAlerts_alertSubscription__0VDQf .PortalAlerts_alertMessage__0qqC7 {
  color: #7c2d12;
}

.PortalAlerts_alertSubscription__0VDQf .PortalAlerts_alertCounter__eLJRG {
  background: rgba(251, 146, 60, 0.2);
  color: #7c2d12;
}

.PortalAlerts_alertSubscription__0VDQf .PortalAlerts_alertAction__h7q2r {
  color: #9a3412;
  font-weight: 700;
  text-decoration: underline;
}

.PortalAlerts_alertNotification__nqal5 {
  background: #ecfeff;
  border-top: 2px solid #22d3ee;
}

.PortalAlerts_alertNotification__nqal5 .PortalAlerts_alertIcon__ARwQa {
  color: #0e7490;
}

.PortalAlerts_alertNotification__nqal5 .PortalAlerts_alertTitle__hxj\+9,
.PortalAlerts_alertNotification__nqal5 .PortalAlerts_alertMessage__0qqC7 {
  color: #164e63;
}

.PortalAlerts_alertNotification__nqal5 .PortalAlerts_alertCounter__eLJRG {
  background: rgba(34, 211, 238, 0.2);
  color: #164e63;
}

.PortalAlerts_alertNotification__nqal5 .PortalAlerts_alertAction__h7q2r {
  color: #0e7490;
  font-weight: 700;
  text-decoration: underline;
}

/* ===========================
   Alert Icon
=========================== */

.PortalAlerts_alertIconWrapper__Fs-5g {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.PortalAlerts_alertIcon__ARwQa {
  width: 18px;
  height: 18px;
}

/* ===========================
   Alert Content
=========================== */

.PortalAlerts_alertContent__-s72T {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: center;
}

.PortalAlerts_alertTitle__hxj\+9 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.PortalAlerts_alertMessage__0qqC7 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

/* ===========================
   Alert Action Button (inline link style)
=========================== */

.PortalAlerts_alertAction__h7q2r {
  display: inline;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  background: none;
  border: none;
  text-decoration: underline;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.PortalAlerts_alertAction__h7q2r:hover {
  text-decoration: none;
  opacity: 0.8;
}

/* ===========================
   Dismiss Button
=========================== */

.PortalAlerts_dismissButton__MHNZ- {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 4px;
  color: inherit;
  opacity: 0.6;
  cursor: pointer;
  transition: all 0.2s ease;
}

.PortalAlerts_dismissButton__MHNZ-:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.1);
}

.PortalAlerts_dismissButton__MHNZ- svg {
  width: 14px;
  height: 14px;
}

/* ===========================
   Responsive Styles
=========================== */

@media (max-width: 768px) {
  .PortalAlerts_alertItem__ZNDzm {
    padding: 12px 48px 12px 16px;
    justify-content: flex-start;
  }

  .PortalAlerts_alertContent__-s72T {
    justify-content: flex-start;
  }

  .PortalAlerts_alertTitle__hxj\+9,
  .PortalAlerts_alertMessage__0qqC7 {
    font-size: 13px;
  }

  .PortalAlerts_dismissButton__MHNZ- {
    right: 12px;
  }

  .PortalAlerts_alertCounter__eLJRG {
    font-size: 11px;
  }
}

.Drawer_root__cTKjV {
  display: flex;
  flex-grow: 1;
  width: 100%;
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  overflow-x: visible;
}

.Drawer_modernNavbar__lOADw {
  position: fixed;
  top: 0px;
  top: var(--portal-alert-height, 0px);
  left: 16rem;
  right: 0;
  height: 55px;
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
  z-index: 1100;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  transition:
    left 0.3s ease,
    top 0.2s ease;
  overflow: hidden;
}

.Drawer_navbarShifted__6z8ly {
  left: 60px !important;
}

.Drawer_mobileDrawer__CBc3g .Drawer_navbarShifted__6z8ly {
  left: 0 !important;
}

.Drawer_contentShifted__aaIeZ {
  margin-left: 60px !important;
}

.Drawer_mobileDrawer__CBc3g .Drawer_contentShifted__aaIeZ {
  margin-left: 0 !important;
}

.Drawer_drawerToggle__tf9pI {
  position: absolute;
  top: 15px;
  right: -10px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: black;
  color: #ffffff60;
  cursor: pointer;
  border-radius: 50%;
  font-size: 14px;
  transition: all 0.2s ease;
  z-index: 9999;
}

.Drawer_drawerToggle__tf9pI:hover {
  background-color: #ffffff20;
  color: #ffffff;
}

.Drawer_drawerClose__ktrvE {
  width: 60px !important;
  overflow: hidden;
}

.Drawer_toolbarCollapsed__OBqiH {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 60px;
  padding: 8px 0;
  border-bottom: 1px solid #1a1a1a;
  background: #000000;
  /* border-bottom: 1px solid var(--drawer-border);
  background: var(--drawer-bg); */
}

.Drawer_iconHolder__WzyWj {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: transparent;
}

.Drawer_listItemCollapsed__0OhQk {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  cursor: pointer;
  color: #ffffff;
  /* color: var(--drawer-text); */
  text-decoration: none;
  border: none;
  text-align: center;
  transition: all 0.15s ease;
  margin: 4px 0;
  position: relative;
  background: transparent;
  overflow: hidden;
}

.Drawer_listItemCollapsed__0OhQk:hover {
  background: #1a1a1a;
  color: #ffffff;
  /*   background: var(--drawer-hover-bg);
  color: var(--drawer-text); */
}

.Drawer_listItemCollapsed__0OhQk.Drawer_active__g\+zLZ {
  color: #ffffff;
  background: #666a76;
  /*   color: var(--drawer-text);
  background: var(--drawer-active-bg); */
  font-weight: 600;
}

.Drawer_listItemCollapsed__0OhQk.Drawer_inactive__wm0EH {
  color: #cccccc;
  /* color: var(--drawer-listitem-inactive); */
}

.Drawer_companyIcon__cA6uj {
  /* margin: 1px 0; */
}

/* Submenu tooltip */
.Drawer_subMenuTooltip__O59N5 {
  position: absolute;
  left: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%) scale(0.95);
  min-width: 180px;
  background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
  color: white;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  pointer-events: none;
  overflow: hidden;
  border: 1px solid #333;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.Drawer_subMenuTooltip__O59N5::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -6px;
  transform: translateY(-50%) rotate(45deg);
  width: 12px;
  height: 12px;
  background: #2a2a2a;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
}

.Drawer_tooltipActive__A56UC {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) scale(1);
  pointer-events: auto;
}

.Drawer_tooltipHeader__WaUqz {
  padding: 12px 16px;
  font-weight: 600;
  font-size: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  color: #f3f4f6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.Drawer_tooltipMenu__AL4bd {
  padding: 6px 0;
  max-height: 320px;
  overflow-y: auto;
}

.Drawer_tooltipMenuItem__qg5Mr {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  font-size: 13px;
  transition: all 0.15s ease;
  cursor: pointer;
  color: #e5e7eb;
}

.Drawer_tooltipMenuItem__qg5Mr:hover {
  background: rgba(255, 255, 255, 0.1);
  color: white;
}

.Drawer_tooltipMenuItem__qg5Mr.Drawer_active__g\+zLZ {
  background-color: rgba(99, 102, 241, 0.25);
  color: #a5b4fc;
  font-weight: 500;
}

.Drawer_tooltipMenuItemIcon__sI13i {
  margin-right: 12px;
  display: flex;
  align-items: center;
  min-width: 18px;
  font-size: 16px;
  color: #9ca3af;
}

.Drawer_tooltipMenuItem__qg5Mr:hover .Drawer_tooltipMenuItemIcon__sI13i {
  color: white;
}

.Drawer_tooltipMenuItem__qg5Mr.Drawer_active__g\+zLZ .Drawer_tooltipMenuItemIcon__sI13i {
  color: #a5b4fc;
}

.Drawer_profileDate__dh4HC {
  font-size: 11px;
  color: #94a3b8;
  /*   color: var(--drawer-profile-meta); */
  margin-top: 2px;
}

.Drawer_tooltipMenu__AL4bd::-webkit-scrollbar {
  width: 4px;
}

.Drawer_tooltipMenu__AL4bd::-webkit-scrollbar-track {
  background: transparent;
}

.Drawer_tooltipMenu__AL4bd::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
}

.Drawer_userNameMeta__z4FH2 {
  display: block;
  font-size: 11px;
  color: #94a3b8;
  font-weight: normal;
  margin-top: -2px;
}

/* These fixes ensure the mobile drawer works properly */
.Drawer_mobileDrawer__CBc3g {
  position: fixed;
  top: 0px;
  top: var(--portal-alert-height, 0px);
  left: 0;
  width: 100vw;
  height: calc(100vh - 0px);
  height: calc(100vh - var(--portal-alert-height, 0px));
  z-index: 1300;
  pointer-events: none;
  transition: visibility 0.1s ease;
  visibility: hidden;
}

.Drawer_mobileDrawerOpen__Xo1bT {
  pointer-events: auto;
  visibility: visible;
}

.Drawer_mobileDrawerBackdrop__IX75K {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.Drawer_mobileDrawerOpen__Xo1bT .Drawer_mobileDrawerBackdrop__IX75K {
  opacity: 1;
}

.Drawer_mobileDrawerContent__9Z7vH {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  max-width: 85vw;
  height: 100%;
  background: #000000;
  transform: translateX(-100%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 4px 0 20px rgba(0, 0, 0, 0.3);
  overflow-x: hidden;
  overflow-y: auto;
}

.Drawer_mobileDrawerOpen__Xo1bT .Drawer_mobileDrawerContent__9Z7vH {
  transform: translateX(0);
}

/* Mobile Menu Toggle Button Styles */
.Drawer_mobileMenuToggle__A-jVq {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: none;
  background-color: #000 !important;
  color: #6b7280;
  cursor: pointer;
  border-radius: 0 4px 4px 0;

  transition: all 0.2s ease;
  position: relative;
  right: 12px;
}

.Drawer_mobileMenuToggle__A-jVq svg {
  position: absolute;
  right: 2px;
  transform: scale(0.9);
  transition: transform 0.2s ease;
}

.Drawer_mobileMenuToggle__A-jVq:hover svg {
  transform: scale(1.2);
}

.Drawer_mobileMenuToggle__A-jVq:hover {
  background-color: rgba(99, 102, 241, 0.1);
  color: #fff;
}

@media (max-width: 1279px) {
  .Drawer_navbarLeft__HXqkl {
    margin-left: 12px;
  }

  .Drawer_mobileMenuToggle__A-jVq {
    width: 32px;
    height: 32px;
    background-color: transparent !important;
    /* right: 0 !important; */
    border: 1px solid lightgray !important;
    border-radius: 4px;
    position: static;
  }

  .Drawer_mobileMenuToggle__A-jVq svg {
    /* right: 0 !important; */
    position: static;
  }

  .Drawer_mobileMenuToggle__A-jVq:hover {
    /* background-color: rgba(99, 102, 241, 0.1); */
    color: #000;
  }
}

@media (min-width: 1025px) {
  .Drawer_tooltipContainer__2JXhw .Drawer_interactiveTooltip__T4Pky {
    /* display: none; */
  }
}

@media (max-width: 1279px) {
  .Drawer_modernNavbar__lOADw {
    left: 0;
  }
}

@media (max-width: 960px) {
  .Drawer_modernNavbar__lOADw {
    left: 0;
    width: 100%;
  }
}

.Drawer_navbarContainer__f5wZj {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  /* padding: 0 16px; */
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .Drawer_navbarContainer__f5wZj {
    padding: 0 12px;
  }
}

@media (max-width: 480px) {
  .Drawer_navbarContainer__f5wZj {
    padding: 0 8px;
  }
}

.Drawer_navbarLeft__HXqkl {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  min-width: 0;
}

.Drawer_logoContainer__SQCrT {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.Drawer_navbarLogo__iby\+z {
  height: 32px;
  width: auto;
  object-fit: contain;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .Drawer_navbarLogo__iby\+z {
    height: 28px;
  }
}

/* .mobileMenuToggle {
  display: none;
  background: none;
  border: none;
  padding: 6px;
  border-radius: 6px;
  cursor: pointer;
  color: #6b7280;
  transition: all 0.2s ease;
  flex-shrink: 0;
} */

@media (max-width: 960px) {
  .Drawer_mobileMenuToggle__A-jVq {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
  }

  .Drawer_logoContainer__SQCrT {
    display: none;
  }
}

.Drawer_navbarCenter__ak6FV {
  flex: 1 1;
  display: flex;
  justify-content: center;
  /* padding: 0 16px; */
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 768px) {
  .Drawer_navbarCenter__ak6FV {
    padding: 0 12px;
  }
}

@media (max-width: 480px) {
  .Drawer_navbarCenter__ak6FV {
    padding: 0 8px;
  }
}

.Drawer_breadcrumbsContainer__NZB1x {
  /* max-width: 500px; */
  width: 100%;
  /* background: #f9fafb; */
  /* border: 1px solid #e5e7eb; */
  border-radius: 8px;
  padding: 6px 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .Drawer_breadcrumbsContainer__NZB1x {
    padding: 4px 8px;
    max-width: none;
  }
}

@media (max-width: 480px) {
  .Drawer_breadcrumbsContainer__NZB1x {
    padding: 3px 6px;
    border-radius: 6px;
  }
}

.Drawer_navbarRight__CeYtu {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  min-width: 0;
}

@media (max-width: 768px) {
  .Drawer_navbarRight__CeYtu {
    gap: 8px;
  }
}

.Drawer_navbarActions__OL3MC {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 3px;
  /* background: #f9fafb;
  border: 1px solid #e5e7eb; */
  border-radius: 8px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .Drawer_navbarActions__OL3MC {
    display: none;
  }
}

.Drawer_navbarActionBtn__nYE1H {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: none;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  color: #6b7280;
  transition: all 0.2s ease;
  position: relative;
  flex-shrink: 0;
}

.Drawer_navbarActionBtn__nYE1H:hover {
  background-color: #ffffff;
  color: #374151;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}

.Drawer_userProfile__QK8Ia {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.Drawer_userProfileBtn__OSarO {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  background: none;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #374151;
  flex-shrink: 0;
  white-space: nowrap;
  max-width: 200px;
}

.Drawer_userProfileBtn__OSarO:hover {
  background-color: #f9fafb;
  border-color: #d1d5db;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
  .Drawer_userProfileBtn__OSarO {
    padding: 4px 6px;
    gap: 6px;
    max-width: 150px;
  }
}

@media (max-width: 480px) {
  .Drawer_userProfileBtn__OSarO {
    padding: 3px 4px;
    gap: 4px;
    max-width: 120px;
  }
}

.Drawer_userAvatar__KZE\+Y {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  border: 2px solid #e5e7eb !important;
  background: #6366f1 !important;
  color: white !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  flex-shrink: 0 !important;
}

@media (max-width: 480px) {
  .Drawer_userAvatar__KZE\+Y {
    width: 24px !important;
    height: 24px !important;
    font-size: 10px !important;
  }
}

.Drawer_userName__eDvT8 {
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 1;
  min-width: 0;
}

@media (max-width: 768px) {
  .Drawer_userName__eDvT8 {
    display: none;
  }
}

.Drawer_badgeContainer__x\+krQ {
  position: relative;
  display: inline-flex;
}

.Drawer_badge__kJArZ {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #ef4444;
  color: white;
  font-size: 10px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.Drawer_badge__kJArZ.Drawer_secondary__AED0R {
  background: #ec4899;
}

.Drawer_drawer__U1EGY {
  flex-shrink: 0;
}

.Drawer_drawerPermanent__XXKsn {
  position: fixed;
  top: 0px;
  top: var(--portal-alert-height, 0px);
  left: 0;
  height: calc(100vh - 0px);
  height: calc(100vh - var(--portal-alert-height, 0px));
  background: #000000;
  border-right: 1px solid #1a1a1a;
  /* background: var(--drawer-bg);
  border-right: 1px solid var(--drawer-border); */
  overflow-x: hidden;
  overflow-y: auto;
  transition:
    width 0.3s ease,
    top 0.2s ease,
    height 0.2s ease;
  z-index: 1200;
}

.Drawer_drawerOpen__pacSj {
  width: 16rem;
}

@media (max-width: 1279px) {
  .Drawer_drawerOpen__pacSj {
    width: 70px;
  }
}

@media (max-width: 1279px) {
  .Drawer_drawerPermanent__XXKsn {
    display: none;
  }
}

@media (max-width: 1279px) {
  .Drawer_navbarShifted__6z8ly {
    left: 0 !important;
  }

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

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

.Drawer_drawerClose__ktrvE {
  width: 73px;
}

.Drawer_mobileDrawer__CBc3g {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1300;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}

@media (max-width: 1279px) {
  .Drawer_mobileDrawer__CBc3g {
    display: block;
  }
}

.Drawer_mobileDrawerOpen__Xo1bT {
  visibility: visible;
  opacity: 1;
}

.Drawer_mobileDrawerBackdrop__IX75K {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

.Drawer_mobileDrawerContent__9Z7vH {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  max-width: 85vw;
  height: 100%;
  background: #000000;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  box-shadow: 4px 0 20px rgba(0, 0, 0, 0.3);
  overflow-x: hidden;
}

.Drawer_mobileDrawerOpen__Xo1bT .Drawer_mobileDrawerContent__9Z7vH {
  transform: translateX(0);
}

.Drawer_drawerContent__wy0Hw {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 64px);
  overflow: hidden;
}

.Drawer_drawerListMenu__-uHOB {
  flex: 1 1;
  /* padding: 16px; */
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 7px;
  padding-right: 5px;
}

.Drawer_toolbar__2lKvX {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 55px;
  height: 55px;
  padding: 16px;
  border-bottom: 1px solid #1a1a1a;
  background: #000000;
}

.Drawer_image__DalAe {
  width: 140px;
  height: 42px;
  object-fit: contain;
}

@media (max-width: 1279px) {
  .Drawer_image__DalAe {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 1279px) {
  .Drawer_image__DalAe {
    width: 140px;
    height: 42px;
  }
}

.Drawer_projectHeader__RFki8 {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  margin: 0 0 24px 0;
  border-radius: 8px;
  background: #1a1a1a;
  border: 1px solid #333333;
  color: #ffffff;
  /*   background: var(--drawer-border);
  border: 1px solid var(--drawer-tooltip-border-dark);
  color: var(--drawer-text); */
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.Drawer_projectIcon__Yi2ne {
  margin-right: 12px;
  color: #fbbf24;
  /*   color: var(--drawer-project-icon); */
  font-size: 18px;
}

.Drawer_projectName__Dhqr3 {
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1279px) {
  .Drawer_projectHeader__RFki8 {
    justify-content: center;
    padding: 12px;
    margin: 0 0 16px 0;
  }

  .Drawer_projectName__Dhqr3 {
    display: none;
  }

  .Drawer_projectIcon__Yi2ne {
    margin: 0;
  }
}

@media (max-width: 479px) {
  .Drawer_projectHeader__RFki8 {
    justify-content: flex-start;
    padding: 12px 16px;
    margin: 0 0 24px 0;
  }

  .Drawer_projectName__Dhqr3 {
    display: block;
  }

  .Drawer_projectIcon__Yi2ne {
    margin-right: 12px;
  }
}

.Drawer_sectionHeader__a8HXt {
  padding: 16px 0 12px 12px;
  /* margin: 12px 0 16px 0; */
  position: -webkit-sticky;
  position: sticky;
  top: 0;

  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  background-color: #000;
  color: #666666;
  z-index: 10;
  /* color: var(--drawer-section-header);
  background-color: var(--drawer-bg); */
}

@media (max-width: 1279px) {
  .Drawer_sectionHeader__a8HXt {
    display: none;
  }
}

@media (max-width: 479px) {
  .Drawer_sectionHeader__a8HXt {
    display: flex;
  }
}

.Drawer_listItem__CdPSq {
  display: flex;
  align-items: center;
  /* padding: 4px 6px; */
  cursor: pointer;
  color: #ffffff;
  /*   color: var(--drawer-text); */
  width: 100%;
  text-decoration: none;
  border: none;
  text-align: left;
  transition: all 0.15s ease;
  font-size: 14px;
  font-weight: 500;
  /* margin: 0 0 8px 0; */
  border-radius: 2px;
  margin: 0 !important;
  padding: 6px;
  position: relative;
  box-sizing: border-box;
  background: transparent;
  border: 1px solid transparent;
}

.Drawer_listItem__CdPSq:hover {
  background: #1a1a1a;
  color: #ffffff;
  border: 1px solid #333333;
  /*   background: var(--drawer-hover-bg);
  color: var(--drawer-text);
  border: 1px solid var(--drawer-tooltip-border-dark); */
}

.Drawer_listItem__CdPSq.Drawer_active__g\+zLZ {
  color: #ffffff;
  background: #666a76;
  border: 1px solid #666a76;
  /*   color: var(--drawer-text);
  background: var(--drawer-active-bg);
  border: 1px solid var(--drawer-active-bg); */
  font-weight: 600;
}

.Drawer_listItem__CdPSq.Drawer_active__g\+zLZ:hover {
  background: #666a76;
  border: 1px solid #666a76;
}

.Drawer_listItem__CdPSq.Drawer_inactive__wm0EH {
  color: #cccccc;
  /*   color: var(--drawer-listitem-inactive); */
}

.Drawer_listItemIcon__LvTnA {
  min-width: 20px;
  height: 20px;
  margin-right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
  color: #ffffff;
  /*  color: var(--drawer-text); */
}

@media (max-width: 1279px) {
  /* .listItemText {
    display: none;
  } */

  .Drawer_listItemIcon__LvTnA {
    margin-right: 12px;
  }
}

@media (max-width: 479px) {
  .Drawer_listItemText__pu4XB {
    display: block;
  }

  .Drawer_listItemIcon__LvTnA {
    margin-right: 12px;
  }
}

.Drawer_listItemText__pu4XB {
  flex: 1 1;
  font-size: 14px;
  /* padding-right: 15px; */
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
  color: #ffffff;
}

/* .expandIcon {
  margin-left: auto;
  color: #ffffff;
  font-size: 16px;
  flex-shrink: 0;
} */

.Drawer_expandIcon__S66xN {
  transition: transform 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
}

.Drawer_expandIcon__S66xN svg {
  font-size: 20px;
}

/* Rotate arrow when expanded */
.Drawer_listItem__CdPSq .Drawer_expandIcon__S66xN svg:last-child {
  transform: rotate(0deg);
  transition: transform 0.2s ease;
}

.Drawer_listItem__CdPSq.Drawer_expanded__5OE2Q .Drawer_expandIcon__S66xN svg:last-child {
  transform: rotate(90deg);
}

@media (max-width: 1279px) {
  /* .expandIcon {
    display: none;
  } */
}

@media (max-width: 479px) {
  .Drawer_expandIcon__S66xN {
    display: block;
  }
}

.Drawer_nested__DxZ1c {
  /* padding-left: 40px; */
  margin-left: 40px;
  margin-top: 4px;
  border-radius: 2px;
  background: transparent;
  border: 1px solid transparent;
}

.Drawer_nested__DxZ1c:hover {
  background: #1a1a1a;
  border: 1px solid #333333;
  /*   background: var(--drawer-hover-bg);
  border: 1px solid var(--drawer-tooltip-border-dark); */
}

.Drawer_nested__DxZ1c.Drawer_active__g\+zLZ {
  background: #666a76;
  border: 1px solid #666a76;
  /*   background: var(--drawer-active-bg);
  border: 1px solid var(--drawer-active-bg); */
}

.Drawer_nested__DxZ1c.Drawer_active__g\+zLZ:hover {
  background: #666a76;
  border: 1px solid #666a76;
}

@media (max-width: 1279px) {
  .Drawer_nested__DxZ1c {
    padding-left: 16px;
    margin-left: 0;
  }
}

@media (max-width: 479px) {
  .Drawer_nested__DxZ1c {
    padding-left: 40px;
    margin-left: 0;
  }
}

.Drawer_collapse__tteMO {
  display: flex;
  flex-direction: column;
  margin: 8px 0 0 0;
  padding: 0;
  gap: 4px;
  margin-left: 22px;
  width: calc(100% - 22px);
}

.Drawer_content__jvnJc {
  flex-grow: 1;
  background: #f8fafc;
  padding: 0px 20px;
  margin-left: 16rem;
  margin-top: 60px;
  min-height: calc(100vh - 60px);
  transition: margin-left 0.3s ease;
  overflow-x: hidden;
  box-sizing: border-box;
  font-size: --var(--font-size-base, 16px);
}

@media (max-width: 1279px) {
  .Drawer_content__jvnJc {
    margin-left: 70px;
  }
}

@media (max-width: 960px) {
  .Drawer_content__jvnJc {
    margin-left: 0;
  }
}

@media (max-width: 768px) {
  .Drawer_content__jvnJc {
    padding: 16px;
  }
}

@media (max-width: 480px) {
  .Drawer_content__jvnJc {
    padding: 12px;
  }
}

.Drawer_contentSpacer__\+h-A7 {
  height: 0px;
  height: var(--portal-alert-height, 0px);
}

.Drawer_adminBottomMenu__bfnFu {
  position: fixed;
  top: calc(68px + 0px);
  top: calc(68px + var(--portal-alert-height, 0px));
  right: 24px;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.1);
  min-width: 280px;
  max-width: 320px;
  max-height: 400px;
  z-index: 1400;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease;
}

.Drawer_adminBottomMenu__bfnFu.Drawer_menuOpen__W0kIU {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

@media (max-width: 768px) {
  .Drawer_adminBottomMenu__bfnFu {
    right: 16px;
    left: 16px;
    min-width: auto;
    max-width: none;
  }
}

.Drawer_adminBottomMenuContent__Akv8R {
  padding: 8px;
  max-height: 360px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.Drawer_adminBottomMenuSection__41vUT {
  margin-bottom: 4px;
  display: flex;
  flex-direction: column;
}

.Drawer_adminBottomMenuItem__FMiMy {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  cursor: pointer;
  color: #374151;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  border-radius: 8px;
  transition: all 0.2s ease;
  font-size: 14px;
  font-weight: 500;
}

.Drawer_adminBottomMenuItem__FMiMy:hover {
  background-color: #f3f4f6;
  color: #1f2937;
}

.Drawer_adminBottomMenuItem__FMiMy.Drawer_nested__DxZ1c {
  padding-left: 40px;
  background-color: #f9fafb;
  margin: 2px 0;
  font-size: 13px;
}

.Drawer_adminBottomMenuItem__FMiMy.Drawer_nested__DxZ1c:hover {
  background-color: #f3f4f6;
}

.Drawer_adminBottomMenuIcon__YWzgK {
  margin-right: 12px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  font-size: 18px;
}

.Drawer_adminBottomMenuText__ISjj3 {
  flex: 1 1;
  font-weight: 500;
}

.Drawer_adminBottomSubMenu__nx7oY {
  display: flex;
  flex-direction: column;
  background-color: #f9fafb;
  border-radius: 8px;
  margin: 4px 0;
  padding: 4px 0;
}

.Drawer_menu__-o889 {
  position: fixed;
  background: white;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  min-width: 180px;
  z-index: 1400;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease;
  border: 1px solid #e2e8f0;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

.Drawer_menu__-o889.Drawer_menuOpen__W0kIU {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.Drawer_menuItem__VPJm2 {
  display: flex;
  align-items: center;
  padding: 14px 18px;
  cursor: pointer;
  color: #374151;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  transition: all 0.2s ease;
  font-size: 14px;
  font-weight: 500;
}

.Drawer_menuItem__VPJm2:hover {
  background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
  color: #1f2937;
}

.Drawer_menuItem__VPJm2:first-child {
  border-radius: 12px 12px 0 0;
}

.Drawer_menuItem__VPJm2:last-child {
  border-radius: 0 0 12px 12px;
}

.Drawer_appsMenu__sKu7C {
  max-height: 400px;
  overflow-y: auto;
  min-width: 260px;
  top: 72px;
}

@media (max-width: 768px) {
  .Drawer_appsMenu__sKu7C {
    max-height: 350px;
    min-width: 240px;
  }
}

@media (max-width: 480px) {
  .Drawer_appsMenu__sKu7C {
    max-height: calc(100vh - 120px);
    min-width: auto;
    left: 8px;
    right: 8px;
    top: 56px;
  }
}

.Drawer_appsMenuContent__sHeHv {
  padding: 12px 0;
  display: flex;
  flex-direction: column;
}

.Drawer_appsMenuItem__pXc9Q {
  display: flex;
  align-items: center;
  padding: 14px 18px;
  cursor: pointer;
  color: #374151;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  transition: all 0.2s ease;
  font-size: 14px;
  font-weight: 500;
}

.Drawer_appsMenuItem__pXc9Q:hover {
  background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
  color: #1f2937;
  transform: translateX(4px);
}

.Drawer_appsMenuIcon__6b16L {
  margin-right: 14px;
  min-width: 24px;
  font-size: 20px;
  color: #6b7280;
  transition: all 0.2s ease;
}

.Drawer_appsMenuItem__pXc9Q:hover .Drawer_appsMenuIcon__6b16L {
  color: #3b82f6;
  transform: scale(1.1);
}

.Drawer_appsSubMenu__wyAb3 {
  display: flex;
  flex-direction: column;
  background-color: rgba(248, 250, 252, 0.8);
  border-radius: 8px;
  margin: 4px 8px;
  padding: 4px 0;
}

.Drawer_appsBottomList__7\+BKy {
  border-top: 1px solid #e2e8f0;
  padding: 12px 0;
  margin-top: 8px;
  display: flex;
  flex-direction: column;
}

/* Add this to your CSS */
.Drawer_popover__5peB6 {
  position: fixed;
  background: linear-gradient(135deg, #1f2937 0%, #111827 100%);
  color: #f9fafb;
  border-radius: 12px;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.3);
  z-index: 1400;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.95);
  transition: all 0.3s ease;
  border: 1px solid #374151;
  min-width: 260px;
}

.Drawer_popover__5peB6.Drawer_popoverOpen__Gy4cO {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

@media (max-width: 768px) {
  .Drawer_popover__5peB6 {
    right: 16px;
  }
}

@media (max-width: 480px) {
  .Drawer_popover__5peB6 {
    right: 8px;
    left: 8px;
    top: 56px;
    transform: translateY(-10px);
  }

  .Drawer_popover__5peB6.Drawer_popoverOpen__Gy4cO {
    transform: translateY(0);
  }
}

/* Logout Menu Sliding Window Styles - Updated according to your requirements */
.Drawer_logoutBackdrop__WcG86 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1200;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
}

.Drawer_logoutBackdropActive__nFsZW {
  opacity: 1;
  visibility: visible;
}

.Drawer_logoutMenuSlider__-xs0P {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 320px;
  background: #ffffff;
  box-shadow: -2px 0 20px rgba(0, 0, 0, 0.1);
  z-index: 1300;
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  overflow-y: auto;
}

.Drawer_logoutMenuSlideIn__Kf37U {
  transform: translateX(0);
}

.Drawer_logoutMenuSlideOut__BRJPT {
  transform: translateX(100%);
}

.Drawer_logoutMenuContent__daZKz {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.Drawer_profileSectionSlider__My8qe {
  flex: 1 1;
  padding: 0;
}

.Drawer_profileHeader__gKEFD {
  padding: 24px 20px 16px 20px;
}

.Drawer_profileAvatarLarge__RNcYt {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.Drawer_profileTextInfo__gn4nE {
  flex: 1 1;
  min-width: 0;
}

.Drawer_profileNameLarge__EVa7B {
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 2px;
  word-break: break-word;
}

.Drawer_profileEmailSmall__T8XV5 {
  font-size: 14px;
  color: #6b7280;
  word-break: break-word;
  margin-bottom: 4px;
}

.Drawer_currentDateTime__wKo27 {
  font-size: 12px;
  color: #9ca3af;
  font-family: monospace;
  margin-top: 4px;
}

.Drawer_logoutButtonTop__7WNpE {
  background-color: #f8f9fa !important;
  border-radius: 6px;
  margin: 0 -4px;
  font-weight: 500;
}

.Drawer_logoutButtonTop__7WNpE:hover {
  background-color: #e9ecef !important;
}

.Drawer_logoutButtonTop__7WNpE .Drawer_logoutMenuIcon__\+1ipg {
  color: #dc3545;
}

.Drawer_logoutButtonTop__7WNpE .Drawer_logoutMenuText__rMVW8 {
  color: #dc3545;
}

.Drawer_menuSection__R1o6V {
  padding: 8px 0;
}

.Drawer_logoutMenuItem__sCc8O {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  cursor: pointer;
  transition: background-color 0.15s ease;
  font-size: 14px;
  color: #374151;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
}

.Drawer_logoutMenuItem__sCc8O:hover .Drawer_menuTooltip__p7PgB {
  background-color: #f8f9fa;
}

.Drawer_menuTooltip__p7PgB {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: white;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s,
    visibility 0.3s;
  pointer-events: none;
  margin-bottom: 5px;
}

.Drawer_menuTooltip__p7PgB::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #333;
}

.Drawer_logoutMenuIcon__\+1ipg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #6b7280;
  flex-shrink: 0;
}

.Drawer_logoutMenuText__rMVW8 {
  flex: 1 1;
  font-size: 14px;
  color: #374151;
}

.Drawer_menuDivider__0d2Dg {
  height: 1px;
  background: #e5e7eb;
  /* margin: 12px 20px; */
}

.Drawer_menuSectionTitle__Kxpdn {
  padding: 8px 20px 4px 20px;
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Avatar styles */
.Drawer_avatar__iQawc {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: white;
  font-size: 14px;
  flex-shrink: 0;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.2s ease;
}

.Drawer_avatarImage__dLFbw {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

/* Badge styles */
.Drawer_badgeContainer__x\+krQ {
  position: relative;
  display: inline-flex;
}

.Drawer_badge__kJArZ {
  position: absolute;
  top: -8px;
  right: -8px;
  background: #ef4444;
  color: white;
  /*   background: var(--drawer-badge-bg);
  color: var(--drawer-text); */
  border-radius: 50%;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 600;
  min-width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.Drawer_badge__kJArZ.Drawer_secondary__AED0R {
  background: #ef4444;
  /*   background: var(--drawer-badge-secondary-bg); */
}

/* Tooltip styles */
.Drawer_tooltipContainer__2JXhw {
  position: relative;
  display: inline-flex;
}

.Drawer_tooltip__MMOm2 {
  position: absolute;
  background: rgba(0, 0, 0, 0.9);
  color: white;
  padding: 6px 8px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.2s ease,
    visibility 0.2s ease;
  pointer-events: none;
}

.Drawer_tooltipContainer__2JXhw:hover .Drawer_tooltip__MMOm2 {
  opacity: 1;
  visibility: visible;
}

.Drawer_tooltipBottom__Ykh2T {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 8px;
}

.Drawer_tooltipBottom__Ykh2T::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 4px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.9);
}

/* Responsive styles */
@media (max-width: 768px) {
  .Drawer_logoutMenuSlider__-xs0P {
    width: 100vw;
  }
}

.Drawer_currentDateTime__wKo27 {
  font-size: 11px;
  color: #9ca3af;
  font-family: 'Courier New', monospace;
  margin-top: 6px;
  line-height: 1.3;
  word-break: break-all;
  max-width: 100%;
}

.Drawer_logoutMenuContent__daZKz {
  min-width: 260px;
  display: flex;
  flex-direction: column;
}

@media (max-width: 480px) {
  .Drawer_logoutMenuContent__daZKz,
  .Drawer_mobileMenuContent__BNIzm {
    min-width: auto;
  }
}

.Drawer_profileSection__p-u8V {
  width: 300px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #4b5563;
  padding: 20px;
}

.Drawer_profileAvatar__MTIDF {
  width: 48px;
  height: 48px;
}

.Drawer_profileInfo__4IP6g {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-left: 14px;
}

.Drawer_profileName__7LhWq {
  font-size: 16px;
  font-weight: 600;
  padding: 2px 0;
  color: #f9fafb;
}

.Drawer_profileEmail__vrPxt {
  font-size: 13px;
  padding: 2px 0;
  color: #d1d5db;
}

.Drawer_logoutItem__IbqlJ {
  display: flex;
  align-items: center;
  padding: 14px 20px;
  cursor: pointer;
  color: #f9fafb;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  transition: all 0.2s ease;
  font-size: 14px;
  font-weight: 500;
}

.Drawer_logoutItem__IbqlJ:hover {
  background-color: rgba(59, 130, 246, 0.15);
  color: #93c5fd;
  transform: translateX(4px);
}

.Drawer_logoutIcon__5sZIm {
  margin-right: 14px;
  color: #d1d5db;
  min-width: 20px;
  transition: all 0.2s ease;
}

.Drawer_logoutItem__IbqlJ:hover .Drawer_logoutIcon__5sZIm,
.Drawer_mobileMenuItem__P-4oi:hover .Drawer_mobileMenuIcon__Y6Djn {
  color: #93c5fd;
  transform: scale(1.1);
}

/* .profileTooltip {
  padding: 16px;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 8px;
  color: white;
  backdrop-filter: blur(8px);
}

.profileTooltipTitle {
  font-size: 13px;
  font-weight: 600;
  color: #f9fafb;
  padding: 2px 0;
}

.profileTooltipName {
  font-size: 14px;
  font-weight: 600;
  color: #e5e7eb;
  padding: 2px 0;
}

.profileTooltipEmail {
  font-size: 12px;
  font-weight: 500;
  color: #d1d5db;
  padding: 2px 0;
} */

.Drawer_tooltipContainer__2JXhw {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0 6px !important;
}

.Drawer_tooltipContainer__2JXhw .Drawer_tooltip__MMOm2 {
  position: absolute;
  background: rgba(17, 24, 39, 0.95);
  color: white;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  z-index: 1500;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  pointer-events: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(55, 65, 81, 0.8);
}

.Drawer_tooltipContainer__2JXhw:hover .Drawer_tooltip__MMOm2 {
  opacity: 1;
  visibility: visible;
}

.Drawer_tooltipContainer__2JXhw .Drawer_tooltip__MMOm2.Drawer_tooltipTop__l3mZN {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-8px);
  margin-bottom: 8px;
}

.Drawer_tooltipContainer__2JXhw .Drawer_tooltip__MMOm2.Drawer_tooltipTop__l3mZN::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: rgba(17, 24, 39, 0.95);
}

.Drawer_tooltipContainer__2JXhw .Drawer_tooltip__MMOm2.Drawer_tooltipRight__lZUsN {
  left: 100%;
  top: 50%;
  transform: translateY(-50%) translateX(8px);
  margin-left: 8px;
}

.Drawer_tooltipContainer__2JXhw .Drawer_tooltip__MMOm2.Drawer_tooltipRight__lZUsN::after {
  content: '';
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  border: 6px solid transparent;
  border-right-color: rgba(17, 24, 39, 0.95);
}

.Drawer_tooltipContainer__2JXhw .Drawer_tooltip__MMOm2.Drawer_tooltipBottom__Ykh2T {
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(8px);
  margin-top: 8px;
}

.Drawer_tooltipContainer__2JXhw .Drawer_tooltip__MMOm2.Drawer_tooltipBottom__Ykh2T::after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-bottom-color: rgba(17, 24, 39, 0.95);
}

.Drawer_tooltipContainer__2JXhw .Drawer_tooltip__MMOm2.Drawer_tooltipLeft__SNp4A {
  right: 100%;
  top: 50%;
  transform: translateY(-50%) translateX(-8px);
  margin-right: 8px;
}

.Drawer_tooltipContainer__2JXhw .Drawer_tooltip__MMOm2.Drawer_tooltipLeft__SNp4A::after {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border: 6px solid transparent;
  border-left-color: rgba(17, 24, 39, 0.95);
}

@media (min-width: 1280px) {
  .Drawer_tooltipContainer__2JXhw .Drawer_tooltip__MMOm2 {
    display: none !important;
  }
}

@media (max-width: 479px) {
  .Drawer_tooltipContainer__2JXhw .Drawer_tooltip__MMOm2 {
    display: none !important;
  }
}

@media (max-width: 1279px) and (min-width: 480px) {
  .Drawer_tooltipContainer__2JXhw .Drawer_tooltip__MMOm2 {
    display: block;
  }
}

.Drawer_closeButton__mmrK3 {
  background: none;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  outline: none;
  padding: 8px;
  margin-left: auto;
  border-radius: 6px;
  transition: all 0.2s ease;
}

.Drawer_closeButton__mmrK3:hover {
  background-color: rgba(148, 163, 184, 0.1);
  color: #f1f5f9;
  transform: scale(1.1);
}

.Drawer_avatar__iQawc {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  height: 100%;
}

.Drawer_avatarImage__dLFbw {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.Drawer_drawerListMenu__-uHOB::-webkit-scrollbar,
.Drawer_appsMenu__sKu7C::-webkit-scrollbar,
.Drawer_adminBottomMenuContent__Akv8R::-webkit-scrollbar {
  width: 4px;
}

.Drawer_drawerListMenu__-uHOB::-webkit-scrollbar-track,
.Drawer_appsMenu__sKu7C::-webkit-scrollbar-track,
.Drawer_adminBottomMenuContent__Akv8R::-webkit-scrollbar-track {
  background: transparent;
}

.Drawer_drawerListMenu__-uHOB::-webkit-scrollbar-thumb,
.Drawer_appsMenu__sKu7C::-webkit-scrollbar-thumb,
.Drawer_adminBottomMenuContent__Akv8R::-webkit-scrollbar-thumb {
  background-color: rgba(107, 114, 128, 0.3);
  border-radius: 2px;
}

.Drawer_listItem__CdPSq.Drawer_active__g\+zLZ .Drawer_listItemIcon__LvTnA,
.Drawer_listItem__CdPSq.Drawer_active__g\+zLZ .Drawer_listItemText__pu4XB,
.Drawer_listItem__CdPSq.Drawer_active__g\+zLZ .Drawer_expandIcon__S66xN {
  color: #ffffff;
}

.Drawer_listItem__CdPSq.Drawer_inactive__wm0EH .Drawer_listItemIcon__LvTnA,
.Drawer_listItem__CdPSq.Drawer_inactive__wm0EH .Drawer_listItemText__pu4XB,
.Drawer_listItem__CdPSq.Drawer_inactive__wm0EH .Drawer_expandIcon__S66xN {
  color: #cccccc;
}

.Drawer_allowWrap__O9eEp {
  white-space: normal;
  word-wrap: break-word;
}

@keyframes Drawer_slideDown__pbnTr {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes Drawer_slideInRight__BZ5lc {
  from {
    opacity: 0;
    transform: translateX(20px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes Drawer_fadeIn__Yqmj- {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes Drawer_slideInLeft__9khN3 {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.Drawer_adminBottomMenu__bfnFu.Drawer_menuOpen__W0kIU {
  animation: Drawer_slideDown__pbnTr 0.2s ease-out;
}

.Drawer_appsMenu__sKu7C.Drawer_menuOpen__W0kIU {
  animation: Drawer_slideInRight__BZ5lc 0.3s ease-out;
}

.Drawer_popover__5peB6.Drawer_popoverOpen__Gy4cO {
  animation: Drawer_fadeIn__Yqmj- 0.2s ease-out;
}

.Drawer_mobileDrawerOpen__Xo1bT .Drawer_mobileDrawerContent__9Z7vH {
  animation: Drawer_slideInLeft__9khN3 0.3s ease-out;
}

/* .navbarActionBtn:focus, */
.Drawer_userProfileBtn__OSarO:focus,

.Drawer_listItem__CdPSq:focus,
.Drawer_adminBottomMenuItem__FMiMy:focus {
  /* outline: 2px solid #3b82f6; */
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
}

@media (prefers-contrast: high) {
  .Drawer_modernNavbar__lOADw {
    border-bottom: 2px solid #000;
    background: #fff;
  }

  .Drawer_listItem__CdPSq.Drawer_active__g\+zLZ {
    background-color: #000;
    color: #fff;
  }

  .Drawer_navbarActionBtn__nYE1H:hover {
    background-color: #000;
    color: #fff;
  }
}

@media (prefers-reduced-motion: reduce) {
  .Drawer_modernNavbar__lOADw,
  .Drawer_drawerPermanent__XXKsn,
  .Drawer_content__jvnJc,
  .Drawer_mobileDrawerContent__9Z7vH,
  .Drawer_menu__-o889,
  .Drawer_popover__5peB6,
  .Drawer_adminBottomMenu__bfnFu,
  .Drawer_listItem__CdPSq,
  .Drawer_navbarActionBtn__nYE1H,
  .Drawer_userProfileBtn__OSarO,
  .Drawer_avatar__iQawc,
  .Drawer_badge__kJArZ,
  .Drawer_tooltip__MMOm2 {
    transition: none;
  }

  .Drawer_adminBottomMenu__bfnFu.Drawer_menuOpen__W0kIU,
  .Drawer_appsMenu__sKu7C.Drawer_menuOpen__W0kIU,
  .Drawer_popover__5peB6.Drawer_popoverOpen__Gy4cO,
  .Drawer_mobileDrawerOpen__Xo1bT .Drawer_mobileDrawerContent__9Z7vH {
    animation: none;
  }
}

@media print {
  .Drawer_modernNavbar__lOADw,
  .Drawer_drawerPermanent__XXKsn,
  .Drawer_mobileDrawer__CBc3g,
  .Drawer_menu__-o889,
  .Drawer_popover__5peB6,
  .Drawer_adminBottomMenu__bfnFu,
  .Drawer_tooltip__MMOm2 {
    display: none !important;
  }

  .Drawer_content__jvnJc {
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    background: white !important;
    color: black !important;
  }
}

/* @media (prefers-color-scheme: dark) {
  .modernNavbar {
    background: #1f2937;
    color: #f9fafb;
    border-bottom-color: #374151;
  }

  .breadcrumbsContainer {
    background: rgba(31, 41, 55, 0.8);
    border-color: #374151;
  }

  .navbarActions {
    background: rgba(31, 41, 55, 0.5);
    border-color: #374151;
  }

  .navbarActionBtn {
    color: #d1d5db;
  }

  .navbarActionBtn:hover {
    background-color: rgba(59, 130, 246, 0.15);
    color: #93c5fd;
  }

  .menu,
  .adminBottomMenu {
    background: #1f2937;
    border-color: #374151;
  }

  .menuItem,
  .adminBottomMenuItem,
  .appsMenuItem {
    color: #f9fafb;
  }

  .menuItem:hover,
  .adminBottomMenuItem:hover,
  .appsMenuItem:hover {
    background: rgba(59, 130, 246, 0.15);
    color: #93c5fd;
  }
} */

.Drawer_loading__am59F {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}

.Drawer_loading__am59F::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #3b82f6;
  border-radius: 50%;
  animation: Drawer_spin__CDtn4 1s linear infinite;
}

@keyframes Drawer_spin__CDtn4 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.Drawer_error__Qhc-D {
  color: #ef4444;
  border-color: #ef4444;
}

.Drawer_errorText__3qUFf {
  font-size: 12px;
  color: #ef4444;
  margin-top: 4px;
}

.Drawer_success__1ijWR {
  color: #10b981;
  border-color: #10b981;
}

.Drawer_warning__lXETh {
  color: #f59e0b;
  border-color: #f59e0b;
}

.Drawer_hidden__PbhaD {
  display: none !important;
}

.Drawer_visible__bsop4 {
  display: block !important;
}

.Drawer_flex__t-a1c {
  display: flex !important;
}

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

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

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

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

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

.Drawer_alignStart__DkNL- {
  align-items: flex-start !important;
}

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

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

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

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

.Drawer_fontBold__5JhGA {
  font-weight: bold !important;
}

.Drawer_fontNormal__wGRP2 {
  font-weight: normal !important;
}

.Drawer_fontSize12__f0voZ {
  font-size: 12px !important;
}

.Drawer_fontSize14__iXtX\+ {
  font-size: 14px !important;
}

.Drawer_fontSize16__aSlAC {
  font-size: 16px !important;
}

.Drawer_fontSize18__mEN0v {
  font-size: 18px !important;
}

.Drawer_margin0__K1oGE {
  margin: 0 !important;
}

.Drawer_marginAuto__l6gcX {
  margin: auto !important;
}

.Drawer_padding0__ltWFq {
  padding: 0 !important;
}

.Drawer_borderRadius4__khMGO {
  border-radius: 4px !important;
}

.Drawer_borderRadius8__ohseu {
  border-radius: 8px !important;
}

.Drawer_borderRadius50__kLp\+F {
  border-radius: 50% !important;
}

.Drawer_boxShadow__FLUTI {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.Drawer_boxShadowLarge__xHTuK {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
}

.Drawer_noSelect__iN\+WD {
  -webkit-user-select: none !important;
          user-select: none !important;
}

.Drawer_pointerEvents__Orx03 {
  pointer-events: auto !important;
}

.Drawer_noPointerEvents__dzUGi {
  pointer-events: none !important;
}

.Drawer_cursorPointer__4bGku {
  cursor: pointer !important;
}

.Drawer_cursorDefault__i-nJq {
  cursor: default !important;
}

.Drawer_overflowHidden__5smY6 {
  overflow: hidden !important;
}

.Drawer_overflowAuto__CyMnM {
  overflow: auto !important;
}

.Drawer_overflowVisible__UlbDe {
  overflow: visible !important;
}

.Drawer_positionRelative__psQM6 {
  position: relative !important;
}

.Drawer_positionAbsolute__zWVkB {
  position: absolute !important;
}

.Drawer_positionFixed__eW6yk {
  position: fixed !important;
}

.Drawer_zIndex1__jW8ke {
  z-index: 1 !important;
}

.Drawer_zIndex10__Atef2 {
  z-index: 10 !important;
}

.Drawer_zIndex100__KBsuf {
  z-index: 100 !important;
}

.Drawer_zIndex1000__vebuf {
  z-index: 1000 !important;
}

@media (max-width: 360px) {
  .Drawer_navbarContainer__f5wZj {
    padding: 0 6px;
    gap: 4px;
  }

  .Drawer_breadcrumbsContainer__NZB1x {
    padding: 2px 4px;
    margin: 0 1px;
  }

  .Drawer_navbarActionBtn__nYE1H {
    padding: 4px;
    min-width: 28px;
    height: 28px;
  }

  .Drawer_userAvatar__KZE\+Y {
    width: 20px !important;
    height: 20px !important;
  }

  .Drawer_navbarLogo__iby\+z {
    height: 20px;
  }
}

.Drawer_listItem__CdPSq,
.Drawer_navbarActionBtn__nYE1H,
.Drawer_menuItem__VPJm2,
.Drawer_adminBottomMenuItem__FMiMy {
  will-change: transform;
}

.Drawer_mobileDrawerContent__9Z7vH,
.Drawer_menu__-o889,
.Drawer_popover__5peB6,
.Drawer_adminBottomMenu__bfnFu {
  will-change: transform, opacity;
}

.Drawer_drawerListMenu__-uHOB {
  scroll-behavior: smooth;
}

/* @media (max-width: 768px) {
  .listItem,
  .navbarActionBtn,
  .menuItem,
  .adminBottomMenuItem {
    min-height: 44px;
  }
} */

.Drawer_listItem__CdPSq:focus,
.Drawer_navbarActionBtn__nYE1H:focus {
  /* background-color: rgba(59, 130, 246, 0.2); */
}

@supports (padding: max(0px)) {
  .Drawer_modernNavbar__lOADw {
    /* padding-left: max(16px, env(safe-area-inset-left)); */
    padding-right: max(16px, env(safe-area-inset-right));
  }

  .Drawer_content__jvnJc {
    padding-left: max(12px, env(safe-area-inset-left));
    padding-right: max(12px, env(safe-area-inset-right));
  }
}

.Drawer_closeIconContainer__HGUyP {
  position: absolute;
  right: 10px;
  top: 10px;
}

.Drawer_closeIcon__GHU\+N {
  cursor: pointer;
}

/* Tooltip Container - CRITICAL */

.Drawer_tooltipWrapper__QBdC3 {
  position: relative;
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 4px 0;
}

/* Collapsed Sidebar Icon */
.Drawer_listItemCollapsed__0OhQk {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  cursor: pointer;
  color: #ffffff;
  background: transparent;
  border: none;
  border-radius: 8px;
  transition: background-color 0.2s ease;
  font-size: 18px;
}

.Drawer_listItemCollapsed__0OhQk:hover {
  background: #1a1a1a;
}

.Drawer_listItemCollapsed__0OhQk.Drawer_active__g\+zLZ {
  background: #666a76;
}

/* Tooltip core style (simple and submenu) */
.Drawer_simpleTooltip__3eaSJ,
.Drawer_submenuTooltip__lGgyp {
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  background: #374151;
  color: #fff;
  /*   background: linear-gradient(135deg, var(--drawer-tooltip-bg-dark) 0%, var(--drawer-tooltip-bg-darker) 100%);
  color: var(--drawer-tooltip-text); */
  padding: 10px 18px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  white-space: nowrap;
  z-index: 99999;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.22);
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  min-width: 200px;
  transition: opacity 0.18s;
}

.Drawer_simpleTooltip__3eaSJ::before,
.Drawer_submenuTooltip__lGgyp::before {
  content: '';
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  border: 7px solid transparent;
  border-right-color: #374151;
}

/* Tooltip submenu items */
.Drawer_tooltipItem__7kJw- {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  cursor: pointer;
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  transition: background-color 0.15s;
}

.Drawer_tooltipItem__7kJw-:hover {
  background: #4b5563;
}

.Drawer_tooltipItemIcon__H2Ols {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d1d5db;
  font-size: 15px;
}

.Drawer_tooltipItemText__NPsnC {
  flex: 1 1;
}

/* CRITICAL: Only show tooltips when drawer is collapsed */
/* .drawerOpen .tooltipWrapper .simpleTooltip,
.drawerOpen .tooltipWrapper .submenuTooltip {
  display: none !important;
} */

/* Hide on mobile */
/* @media (max-width: 1279px) {
  .tooltipWrapper .simpleTooltip,
  .tooltipWrapper .submenuTooltip {
    display: none !important;
  }
} */

.Drawer_submenu__lFu6t {
  padding-left: 48px;
  background: #23272f;
}

/* Updated CSS - only the specific changes needed */

/* Drawer Container */
.Drawer_drawerContainer__nc514 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Drawer Content - keep organization and headers fixed */
.Drawer_drawerContent__wy0Hw {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* ONLY the drawer list menu should scroll */
.Drawer_drawerListMenu__-uHOB {
  flex: 1 1;
  overflow-y: auto;
  overflow-x: hidden;
  /* Hide scrollbar */
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  min-height: 0;
  /* Important for flex child to scroll */
}

.Drawer_drawerListMenu__-uHOB::-webkit-scrollbar {
  display: none;
  /* WebKit */
}

/* Fixed Bottom Section */
.Drawer_drawerBottomSection__caHSq {
  flex-shrink: 0;
  background: inherit;
  /*   background: var(--drawer-divider); */
  /* padding: 16px 0 12px 0; */
}

.Drawer_drawerBottomDivider__nf2oB {
  height: 1px;
  background: #e7e7e738;
  margin-bottom: 8px;
}

.Drawer_drawerBottomList__E8wFY {
  /* margin-bottom: 16px; */
  margin-right: 10px;
  margin-left: 8px;
}

/* Bottom Logo Styles */
.Drawer_drawerBottomLogo__1Wqkd {
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: 8px 0; */
  padding-bottom: 4px;
}

.Drawer_drawerBottomLogoImg__AK4Vt {
  width: 80px;
  height: 32px;
  object-fit: contain;
}

.Drawer_drawerBottomLogoCollapsed__RA--L {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.Drawer_drawerBottomLogoImgCollapsed__8sn1T {
  width: 24px;
  height: 24px;
  object-fit: contain;
  /* opacity: 0.7; */
}

/* Section headers should not scroll */
.Drawer_sectionHeader__a8HXt {
  flex-shrink: 0;
  padding: 12px 16px 8px 16px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Company section should not scroll */
.Drawer_listItem__CdPSq {
  flex-shrink: 0;
  /* your existing listItem styles */
}

/* Responsive adjustments */
@media (max-width: 1279px) {
  .Drawer_drawerContainer__nc514 {
    height: 100vh;
  }
}

/* Mobile drawer adjustments */
.Drawer_mobileDrawer__CBc3g .Drawer_drawerContainer__nc514 {
  height: 100vh;
}

.Drawer_mobileDrawer__CBc3g .Drawer_drawerContent__wy0Hw {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.Drawer_mobileDrawer__CBc3g .Drawer_drawerListMenu__-uHOB {
  flex: 1 1;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  min-height: 0;
}

.Drawer_mobileDrawer__CBc3g .Drawer_drawerListMenu__-uHOB::-webkit-scrollbar {
  display: none;
}

.Drawer_mobileDrawer__CBc3g .Drawer_drawerBottomSection__caHSq {
  /* border-top: 1px solid #e7e7e738; */
}

/* Version Display Styles */
.Drawer_drawerVersionSection__-x-7g {
  /* padding: 8px 16px 12px 16px; */
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 8px;
}

.Drawer_versionText__A3zZU {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
  /*   color: var(--drawer-version-text); */
  font-weight: 400;
  letter-spacing: 0.5px;
}

.Drawer_versionTextCollapsed__3evko {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.4);
  /* color: var(--drawer-version-text-collapsed); */
  font-weight: 400;
  text-align: center;
  padding: 4px 0;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

/* Mobile version text */
@media (max-width: 1279px) {
  .Drawer_versionText__A3zZU {
    font-size: 12px;
    padding: 4px 0;
  }
}

/* ===========================
   Current Plan Display
=========================== */

.Drawer_planDisplay__jUql\+ {
  padding: 12px 16px;
  margin: 8px 12px;
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.Drawer_planDisplayCollapsed__P\+zgn {
  padding: 8px;
  margin: 8px 4px;
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Drawer_planLabel__jXS0h {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 4px;
}

.Drawer_planName__zytbR {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 8px;
}

.Drawer_planNameCollapsed__0v\+fj {
  font-size: 10px;
  font-weight: 600;
  color: #ffffff;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  margin-top: 4px;
}

.Drawer_planBadge__l3FEK {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
}

.Drawer_planBadgePro__py5rp {
  background: linear-gradient(90deg, #f59e0b 0%, #d97706 100%);
  color: #ffffff;
}

.Drawer_planBadgeFree__l\+S3o {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.7);
}

.Drawer_planBadgeEnterprise__L5Kog {
  background: linear-gradient(90deg, #8b5cf6 0%, #6d28d9 100%);
  color: #ffffff;
}

.Drawer_planBadgeTrial__MO7dd {
  background: linear-gradient(90deg, #3b82f6 0%, #2563eb 100%);
  color: #ffffff;
}

.Drawer_planDaysLeft__SfzEE {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.Drawer_planDaysLeftWarning__HWioc {
  color: #fbbf24;
}

.Drawer_planDaysLeftDanger__04rhB {
  color: #f87171;
}

.Drawer_planUpgradeLink__h3kcz {
  font-size: 11px;
  color: #60a5fa;
  margin-top: 8px;
  cursor: pointer;
  text-decoration: none;
  transition: color 0.2s ease;
}

.Drawer_planUpgradeLink__h3kcz:hover {
  color: #93c5fd;
  text-decoration: underline;
}

.Drawer_planIconCollapsed__8UWgW {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #f59e0b 0%, #d97706 100%);
  border-radius: 6px;
  color: white;
  font-size: 12px;
}

/* ===========================
   Current Plan - Single Line Display
=========================== */

.Drawer_planDisplayInline__XvOQZ {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  margin: 8px 12px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  transition: all 0.2s ease;
}

.Drawer_planDisplayInline__XvOQZ:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
}

.Drawer_planDisplayInlineCollapsed__lg8u- {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  margin: 8px 8px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.Drawer_planDisplayInlineCollapsed__lg8u-:hover {
  background: rgba(255, 255, 255, 0.1);
}

.Drawer_planBadgeInline__0cmS5 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.Drawer_planDaysInline__ECU75 {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
}

.Drawer_planArrow__AuCNA {
  margin-left: auto;
  color: rgba(255, 255, 255, 0.4);
  font-size: 12px;
  transition: transform 0.2s ease;
}

.Drawer_planDisplayInline__XvOQZ:hover .Drawer_planArrow__AuCNA {
  transform: translateX(3px);
  color: rgba(255, 255, 255, 0.7);
}

.Drawer_planIconSmall__9q0Ai {
  color: #f59e0b;
  font-size: 14px;
}

/* Status warning/danger for the container */
.Drawer_planStatusWarning__\+Gd3p {
  border-color: rgba(251, 191, 36, 0.4);
  background: rgba(251, 191, 36, 0.1);
}

.Drawer_planStatusWarning__\+Gd3p .Drawer_planDaysInline__ECU75 {
  color: #fbbf24;
}

.Drawer_planStatusDanger__VZF9K {
  border-color: rgba(248, 113, 113, 0.4);
  background: rgba(248, 113, 113, 0.1);
}

.Drawer_planStatusDanger__VZF9K .Drawer_planDaysInline__ECU75 {
  color: #f87171;
}

/* Upgrade Link for Free Plan */
.Drawer_planUpgradeLink__h3kcz {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(168, 85, 247, 0.15));
  border-color: rgba(139, 92, 246, 0.3);
}

.Drawer_planUpgradeLink__h3kcz:hover {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.25), rgba(168, 85, 247, 0.25));
  border-color: rgba(139, 92, 246, 0.5);
}

.Drawer_planUpgradeIcon__g-t0k {
  color: #a78bfa;
  flex-shrink: 0;
}

.Drawer_planUpgradeText__w8juR {
  font-size: 13px;
  font-weight: 600;
  color: #c4b5fd;
  white-space: nowrap;
}

/* Trial Link for Free Plan with active trial */
.Drawer_planTrialLink__p1wtx {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(34, 211, 238, 0.15));
  border-color: rgba(59, 130, 246, 0.3);
}

.Drawer_planTrialLink__p1wtx:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.25), rgba(34, 211, 238, 0.25));
  border-color: rgba(59, 130, 246, 0.5);
}

/* src/Navigation/DrawerRefactor/components/OrganizationsPopup.module.css */

/* ========================================
   Main Popup Container
   ======================================== */
.Organizationspopup_orgPopup__q0EWF {
  position: absolute;
  top: 60px;
  /* top: 100%; */
  left: 50%;
  /* right: 0; */
  width: 330px;
  transform: translateX(-50%); /* Center horizontally */
  margin-top: 8px;
  min-width: 240px;
  max-width: 95vw;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 175, 236, 0.12);
  border: 1px solid #f2f2f2;
  z-index: 10001;
  animation: Organizationspopup_slideIn__De5ZJ 0.25s ease-out;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

@keyframes Organizationspopup_slideIn__De5ZJ {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(-10px); /* Keep translateX! */
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0); /* Keep translateX! */
  }
}

/* ========================================
   Header
   ======================================== */
.Organizationspopup_header__-BKZ5 {
  display: flex;
  align-items: center;
  padding: 14px 16px;
  border-bottom: 1px solid #f2f2f2;
  background: #f0faff;
}

.Organizationspopup_title__sYU1p {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a2e;
}

.Organizationspopup_badge__Jo5pF {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 600;
  color: #00afec;
  background: rgba(0, 175, 236, 0.12);
  border-radius: 10px;
}

/* ========================================
   Content Area
   ======================================== */
.Organizationspopup_content__Vugef {
  flex: 1 1;
  max-height: 300px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #e0e0e0 #f0faff;
}

.Organizationspopup_content__Vugef::-webkit-scrollbar {
  width: 6px;
  background: #f0faff;
}

.Organizationspopup_content__Vugef::-webkit-scrollbar-thumb {
  background: #e0e0e0;
  border-radius: 6px;
}

.Organizationspopup_content__Vugef::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 175, 236, 0.3);
}

/* ========================================
   Organization List
   ======================================== */
.Organizationspopup_list__loI2t {
  list-style: none;
  margin: 0;
  padding: 6px 8px;
}

/* ========================================
   Organization Item
   ======================================== */
.Organizationspopup_orgItem__OQoRF {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 5px;
  border-radius: 10px;
  cursor: pointer;
  border: 1px solid transparent;
  background: transparent;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.Organizationspopup_orgItemHovered__DCQ2n {
  background: linear-gradient(135deg, #f0faff 0%, #e0f4ff 100%);
  border-color: rgba(0, 175, 236, 0.15);
  transform: translateX(3px);
  box-shadow: 0 3px 10px rgba(0, 175, 236, 0.08);
}

.Organizationspopup_orgItem__OQoRF:active {
  transform: translateX(3px) scale(0.98);
}

.Organizationspopup_orgItem__OQoRF:focus-visible {
  outline: 2px solid #00afec;
  outline-offset: 2px;
}

/* ========================================
   Avatar
   ======================================== */
.Organizationspopup_avatar__OYO\+p {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  font-size: 14px;
  font-weight: 600;
  color: #00afec;
  background: linear-gradient(135deg, #e0f4ff 0%, #c5ebff 100%);
  border-radius: 8px;
  transition:
    background 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}

.Organizationspopup_avatarHovered__LPYFs {
  background: linear-gradient(135deg, #00afec 0%, #0095cc 100%);
  color: #fff;
  transform: scale(1.05);
}

/* ========================================
   Info Section
   ======================================== */
.Organizationspopup_info__jz-\+w {
  flex: 1 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-right: 1rem;
}

.Organizationspopup_name__B-SBt {
  font-size: 13px;
  font-weight: 500;
  color: #1a1a2e;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s ease;
}

.Organizationspopup_nameHovered__wutKr {
  color: #0095cc;
}

.Organizationspopup_description__3GXIA {
  font-size: 11px;
  color: #6b7280;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}

.Organizationspopup_role__yRQRk {
  font-size: 11px;
  color: #9ca3af;
  word-break: break-all;
  white-space: normal;
  line-height: 1.4;
}

/* ========================================
   Status Badge
   ======================================== */
.Organizationspopup_status__McbE\+ {
  flex-shrink: 0;
  padding: 4px 8px;
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  border-radius: 5px;
  transition: background 0.2s ease;
}

.Organizationspopup_active__8Y9X5 {
  color: #059669;
  background: #ecfdf5;
}

.Organizationspopup_activeHovered__BPIJw {
  background: #d1fae5;
}

.Organizationspopup_pending__ZJtw0 {
  color: #d97706;
  background: #fffbeb;
}

.Organizationspopup_pendingHovered__aDBjg {
  background: #fef3c7;
}

/* ========================================
   External Link Icon
   ======================================== */
/* .externalIcon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #b8e4f8;
  border-radius: 5px;
}

.externalIconHovered {
  opacity: 1;
  transform: translateX(0);
  color: #00afec;
  background: rgba(0, 175, 236, 0.1);
} */

/* ========================================
   Empty State
   ======================================== */
.Organizationspopup_emptyState__Yv6cj {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 36px 16px;
  min-height: 120px;
}

.Organizationspopup_emptyIcon__XyRup {
  font-size: 28px;
  opacity: 0.6;
}

.Organizationspopup_emptyText__cij\+n {
  font-size: 13px;
  color: #9ca3af;
}

.Organizationspopup_errorIcon__5tGMb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  font-size: 16px;
  font-weight: 700;
  color: #dc2626;
  background: #fef2f2;
  border-radius: 50%;
}

.Organizationspopup_errorText__xc1hi {
  font-size: 12px;
  color: #dc2626;
  text-align: center;
}

/* ========================================
   Responsive - Tablet
   ======================================== */
@media screen and (max-width: 768px) {
  .Organizationspopup_orgPopup__q0EWF {
    width: 260px;
    min-width: 220px;
    top: 55px;
    right: 0;
  }

  .Organizationspopup_header__-BKZ5 {
    padding: 12px 14px;
  }

  .Organizationspopup_title__sYU1p {
    font-size: 13px;
  }

  .Organizationspopup_content__Vugef {
    max-height: 280px;
  }

  .Organizationspopup_orgItem__OQoRF {
    padding: 9px 10px;
    gap: 8px;
  }

  .Organizationspopup_avatar__OYO\+p {
    width: 32px;
    height: 32px;
    font-size: 13px;
  }

  .Organizationspopup_name__B-SBt {
    font-size: 12px;
  }

  .Organizationspopup_description__3GXIA {
    font-size: 10px;
  }

  .Organizationspopup_status__McbE\+ {
    padding: 3px 6px;
    font-size: 8px;
  }

  .Organizationspopup_externalIcon__x4chn {
    width: 22px;
    height: 22px;
  }
}

/* ========================================
   Responsive - Mobile
   ======================================== */
@media screen and (max-width: 480px) {
  .Organizationspopup_orgPopup__q0EWF {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    border-radius: 16px 16px 0 0;
    max-height: 70vh;
    animation: Organizationspopup_slideUp__La\+WH 0.25s ease-out;
  }

  @keyframes Organizationspopup_slideUp__La\+WH {
    from {
      opacity: 0;
      transform: translateY(100%);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .Organizationspopup_header__-BKZ5 {
    padding: 16px;
    border-radius: 16px 16px 0 0;
  }

  .Organizationspopup_title__sYU1p {
    font-size: 15px;
  }

  .Organizationspopup_badge__Jo5pF {
    min-width: 22px;
    height: 22px;
    font-size: 12px;
  }

  .Organizationspopup_content__Vugef {
    max-height: calc(70vh - 60px);
  }

  .Organizationspopup_list__loI2t {
    padding: 8px 12px;
  }

  .Organizationspopup_orgItem__OQoRF {
    padding: 12px 14px;
    gap: 12px;
  }

  .Organizationspopup_avatar__OYO\+p {
    width: 40px;
    height: 40px;
    font-size: 15px;
  }

  .Organizationspopup_name__B-SBt {
    font-size: 14px;
  }

  .Organizationspopup_description__3GXIA {
    font-size: 12px;
  }

  .Organizationspopup_role__yRQRk {
    font-size: 12px;
  }

  .Organizationspopup_status__McbE\+ {
    padding: 5px 10px;
    font-size: 10px;
  }

  .Organizationspopup_externalIcon__x4chn {
    width: 28px;
    height: 28px;
  }

  .Organizationspopup_emptyState__Yv6cj {
    padding: 48px 20px;
  }
}

/* ========================================
   Responsive - Small Mobile
   ======================================== */
@media screen and (max-width: 360px) {
  .Organizationspopup_orgPopup__q0EWF {
    max-height: 75vh;
  }

  .Organizationspopup_content__Vugef {
    max-height: calc(75vh - 56px);
  }

  .Organizationspopup_orgItem__OQoRF {
    padding: 10px 12px;
    gap: 10px;
  }

  .Organizationspopup_avatar__OYO\+p {
    width: 36px;
    height: 36px;
    font-size: 14px;
  }

  .Organizationspopup_status__McbE\+ {
    padding: 4px 8px;
    font-size: 9px;
  }
}

.EnableMfa_content__r8uTJ {
  padding: 8px 0;
}

/* Warning Alert */
.EnableMfa_warningAlert__G31md {
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding: 16px;
  background-color: #fff8c5;
  border: 1px solid #d4a900;
  border-radius: 8px;
  margin-bottom: 20px;
}

.EnableMfa_warningIconWrapper__9Yd-Y {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  padding-top: 2px;
}

.EnableMfa_warningIcon__kkFxQ {
  width: 24px;
  height: 24px;
  color: #9a6700;
}

.EnableMfa_warningContent__xMMMq {
  flex: 1 1;
}

.EnableMfa_warningTitle__jMV-6 {
  margin: 0 0 8px 0;
  font-size: 14px;
  font-weight: 600;
  color: #6c4a00;
}

.EnableMfa_warningText__Men35 {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: #6c4a00;
}

/* Security Info */
.EnableMfa_securityInfo__MRmkG {
  background-color: #e8f4fd;
  border: 1px solid #b8daff;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 20px;
}

.EnableMfa_securityHeader__oj2P7 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.EnableMfa_shieldIcon__5\+Wdg {
  width: 20px;
  height: 20px;
  color: #0066cc;
}

.EnableMfa_securityText__xjVXG {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: #004085;
}

/* Section Title */
.EnableMfa_sectionTitle__e9hr3 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

/* Methods Section */
.EnableMfa_methodsSection__YJBAQ {
  margin-top: 8px;
}

.EnableMfa_methodsList__pEdgH {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
}

.EnableMfa_methodCard__3g9m5 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px;
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  transition: all 0.2s ease;
}

.EnableMfa_methodCard__3g9m5:hover {
  background-color: #f0f4f8;
  border-color: #d0d7de;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.EnableMfa_methodIconWrapper__wMY4L {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #e3f2fd;
  border-radius: 8px;
}

.EnableMfa_methodIcon__hzc39 {
  width: 20px;
  height: 20px;
  color: #1976d2;
}

.EnableMfa_methodContent__HkEf9 {
  flex: 1 1;
}

.EnableMfa_methodName__DT4t\+ {
  margin: 0 0 4px 0;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

.EnableMfa_methodDescription__eq1\+1 {
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  color: #666;
}

/* Footer Buttons */
.EnableMfa_footerButtons__0QsAD {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  width: 100%;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #e9ecef;
}

/* Responsive */
@media (max-width: 480px) {
  .EnableMfa_warningAlert__G31md {
    flex-direction: column;
    gap: 8px;
  }

  .EnableMfa_methodCard__3g9m5 {
    flex-direction: column;
    text-align: center;
  }

  .EnableMfa_methodIconWrapper__wMY4L {
    align-self: center;
  }

  .EnableMfa_footerButtons__0QsAD {
    flex-direction: column-reverse;
  }

  .EnableMfa_footerButtons__0QsAD > * {
    width: 100%;
  }
}

/* Base Container */
.WarningMessage_warningContainer__65Ga8 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 6px;
  margin-bottom: 16px;
  border: 1px solid;
  transition: all 0.2s ease;
}

/* Icon Wrapper */
.WarningMessage_iconWrapper__nMWUz {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  padding-top: 2px;
}

.WarningMessage_icon__lXeM1 {
  width: 22px;
  height: 22px;
}

/* Content */
.WarningMessage_content__-ROXk {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.WarningMessage_title__BzY2v {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
}

.WarningMessage_message__DBvcx {
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
}

/* Variants */
.WarningMessage_warning__kbt94 {
  background-color: #fff8c5;
  border-color: #d4a900;
}

.WarningMessage_warning__kbt94 .WarningMessage_icon__lXeM1 {
  color: #9a6700;
}

.WarningMessage_warning__kbt94 .WarningMessage_title__BzY2v,
.WarningMessage_warning__kbt94 .WarningMessage_message__DBvcx {
  color: #6c4a00;
}

.WarningMessage_info__WcVdx {
  background-color: #e8f4fd;
  border-color: #b8daff;
}

.WarningMessage_info__WcVdx .WarningMessage_icon__lXeM1 {
  color: #0066cc;
}

.WarningMessage_info__WcVdx .WarningMessage_title__BzY2v,
.WarningMessage_info__WcVdx .WarningMessage_message__DBvcx {
  color: #004085;
}

.WarningMessage_error__UX90F {
  background-color: #fee;
  border-color: #fcc;
}

.WarningMessage_error__UX90F .WarningMessage_icon__lXeM1 {
  color: #c00;
}

.WarningMessage_error__UX90F .WarningMessage_title__BzY2v,
.WarningMessage_error__UX90F .WarningMessage_message__DBvcx {
  color: #900;
}

.WarningMessage_success__1oZw2 {
  background-color: #e8f5e9;
  border-color: #c8e6c9;
}

.WarningMessage_success__1oZw2 .WarningMessage_icon__lXeM1 {
  color: #2e7d32;
}

.WarningMessage_success__1oZw2 .WarningMessage_title__BzY2v,
.WarningMessage_success__1oZw2 .WarningMessage_message__DBvcx {
  color: #1b5e20;
}

/* Responsive */
@media (max-width: 640px) {
  .WarningMessage_warningContainer__65Ga8 {
    padding: 10px 14px;
    gap: 10px;
  }

  .WarningMessage_icon__lXeM1 {
    width: 20px;
    height: 20px;
  }

  .WarningMessage_title__BzY2v {
    font-size: 13px;
  }

  .WarningMessage_message__DBvcx {
    font-size: 12px;
  }
}

/* 2ns styles  */
.notif-root {
  position: fixed;
  top: 24px;
  right: 24px;
  z-index: 10000;
  font-family: 'Roboto', Arial, sans-serif;
}

.notif-bell-btn {
  position: relative;
  background: #fff;
  border: none;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(162, 89, 255, 0.08);
  padding: 12px;
  cursor: pointer;
  outline: none;
  transition: box-shadow 0.2s;
}

.notif-bell-btn:hover {
  box-shadow: 0 4px 16px rgba(162, 89, 255, 0.12);
}

.notif-badge {
  position: absolute;
  top: 8px;
  right: 8px;
  background: #00a3e7;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.notif-panel {
  width: 370px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(255, 255, 255, 0.12);
  border: 1px solid #f2f2f2;
  margin-top: 12px;
  animation: notif-slide-in 0.25s;
  display: flex;
  flex-direction: column;
}

@keyframes notif-slide-in {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.notif-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 10px 24px;
}

.notif-title {
  font-size: 18px;
  font-weight: 700;
  color: #000;
}

.notif-settings-btn {
  background: none;
  border: none;
  color: #000;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
}

.notif-search-bar {
  display: flex;
  align-items: center;
  padding: 0 24px 10px 24px;
  position: relative;
}

.notif-search-icon {
  position: absolute;
  left: 32px;
  top: 12px;
  color: #a1a1aa;
}

.notif-search-input {
  width: 100%;
  padding: 10px 10px 10px 36px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  background: #fff;
  font-size: 15px;
  color: #000;
  outline: none;
}

.notif-search-input:focus {
  border-color: #e6e6e6;
}

.notif-list {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.notif-item {
  display: flex;
  align-items: flex-start;
  padding: 18px 24px 18px 18px;
  border-bottom: 1px solid #f2f2f2;
  background: #fff;
  position: relative;
  transition: background 0.2s;
}

.notif-item:last-child {
  border-bottom: none;
}

.notif-item:hover {
  background: #e6f6fd;
}

.notif-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 16px;
  border: 2px solid #f2f2f2;
}

.notif-content {
  flex: 1 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.notif-message {
  font-size: 15px;
  color: #000;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.notif-user {
  font-weight: 700;
}

.notif-date {
  color: #a1a1aa;
  font-size: 13px;
  margin-top: 2px;
}

.notif-desc {
  font-size: 13px;
  color: #a1a1aa;
  margin-top: 2px;
}

.notif-dot {
  margin-left: 12px;
  width: 10px;
  height: 10px;
  background: #00a3e7;
  border-radius: 50%;
  display: inline-block;
  margin-top: 8px;
}

.notif-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  gap: 12px;
  border-top: 1px solid #f2f2f2;
  background: #fff;
  border-radius: 0 0 16px 16px;
}

.notif-action {
  flex: 1 1;
  border: none;
  border-radius: 8px;
  padding: 10px 0;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.18s, color 0.18s;
}

.notif-action-mark {
  background: #faf7ff;
  color: #00a3e7;
  margin-right: 8px;
}

.notif-action-mark:hover {
  background: #e7dcff;
}

.notif-action-see {
  background: #00a3e7;
  color: #fff;
}

.notif-action-see:hover {
  background: #00a3e7;
}

.notif-empty {
  padding: 32px;
  text-align: center;
  color: #a1a1aa;
  font-size: 15px;
}

/* Hover Preview Panel */
.notif-preview {
  position: absolute;
  top: 60px;
  right: 0;
  width: 340px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(162, 89, 255, 0.12);
  border: 1px solid #f2f2f2;
  z-index: 10001;
  animation: notif-slide-in 0.25s;
  display: flex;
  flex-direction: column;
}

.notif-preview-footer {
  padding: 14px 0;
  text-align: center;
  font-size: 14px;
  color: #00a3e7;
  cursor: pointer;
  font-weight: 600;
  border-top: 1px solid #f2f2f2;
  background: #faf7ff;
  border-radius: 0 0 16px 16px;
}

.notif-unread {
  font-size: 13px;
  color: #00a3e7;
  font-weight: 600;
}

/* Slide-in modal from right for settings and all notifications */
.notif-side-modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(74, 74, 74, 0.12);
  z-index: 10001;
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}

.notif-side-modal {
  background: #fff;
  border-radius: 0 16px 16px 0;
  width: 420px;
  max-width: 95vw;
  height: 100%;
  box-shadow: -4px 0 32px rgba(162, 89, 255, 0.18);
  display: flex;
  flex-direction: column;
  animation: notif-slide-in-side 0.3s;
}

@keyframes notif-slide-in-side {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

.notif-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px 12px 28px;
  font-weight: 700;
  font-size: 17px;
  color: #000;
  border-bottom: 1px solid #f2f2f2;
}

.notif-modal-close {
  background: none;
  border: none;
  color: #b3b3b3;
  cursor: pointer;
  padding: 0;
}

.notif-modal-body {
  padding: 18px 28px;
  flex: 1 1;
  overflow-y: auto;
}

.notif-modal-body-scroll {
  max-height: calc(100vh - 80px);
  overflow-y: auto;
}

.notif-setting-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
  font-size: 15px;
  color: #000;
}

.notif-switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}

.notif-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.notif-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #eee;
  border-radius: 24px;
  transition: background 0.2s;
}

.notif-switch input:checked+.notif-slider {
  background: #00a3e7;
}

.notif-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background: #fff;
  border-radius: 50%;
  transition: transform 0.2s;
}

.notif-switch input:checked+.notif-slider:before {
  transform: translateX(20px);
}


.notif-tabs {
  display: flex;
  /* border-bottom: 1px solid #f2f2f2; */
  margin: 0 24px 0 24px;
  gap: 4px;
}

.notif-tab {
  background: none;
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: #6c6c80;
  padding: 14px 8px 10px 8px;
  margin-right: 14px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  position: relative;
  outline: none;
  transition: color 0.15s, border 0.15s;
}

.notif-tab.active {
  color: #000;
  border-bottom: 2px solid #00a3e7;
}

.notif-tab-badge {
  background: #00a3e7;
  color: #fff;
  border-radius: 8px;
  font-size: 12px;
  padding: 2px 6px;
  margin-left: 4px;
  font-weight: 700;
}



.notif-attachments {
  margin: 8px 0 0 0;
}

.notif-attachment {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f7f7fa;
  border-radius: 6px;
  padding: 8px 12px;
  margin-bottom: 4px;
  font-size: 13px;
}

.notif-attachment-name {
  color: #222;
  font-weight: 500;
}

.notif-attachment-size {
  color: #888;
  font-size: 12px;
}

.notif-date-row {
  display: flex;
  justify-content: space-between;
  color: #a1a1aa;
  font-size: 13px;
  margin-top: 4px;
}

.notif-list-scroll {
  /* max-height: 330px; */
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #e0e0e0 #faf7ff;
}

.notif-list-scroll::-webkit-scrollbar {
  width: 8px;
  background: #faf7ff;
}

.notif-list-scroll::-webkit-scrollbar-thumb {
  background: #e0e0e0;
  border-radius: 8px;
}

.notif-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  gap: 12px;
  border-top: 1px solid #f2f2f2;
  background: #fff;
  border-radius: 0 0 16px 16px;
}

.notif-action {
  flex: 1 1;
  border: none;
  border-radius: 8px;
  padding: 10px 0;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.18s, color 0.18s;
}

.notif-action-mark {
  background: #e6f6fd;
  color: #00a3e7;
  margin-right: 8px;
}

.notif-action-mark:hover {
  background: #ccedfa;
}

.notif-action-see {
  background: #00a3e7;
  color: #fff;
}

.notif-action-see:hover {
  background: #39aee0;
}

.notif-panel-wide,
.notif-preview-wide,
.notif-side-modal.notif-panel-wide {
  width: 430px !important;
  min-width: 370px;
  max-width: 95vw;
}

.notif-side-modal {
  background: #fff;
  border-radius: 0 16px 16px 0;
  height: 00vh;
  position: fixed;
  right: 0;
  top: 0;
  box-shadow: -4px 0 32px rgba(162, 89, 255, 0.18);
  display: flex;
  flex-direction: column;
  z-index: 10001;
  animation: notif-slide-in-side 0.3s;
}

.notif-settings-btn-absolute {
  position: absolute;
  top: 24px;
  right: 24px;
  background: none;
  border: none;
  color: #000;
  cursor: pointer;
}



.notif-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.15);
  z-index: 10000;
  pointer-events: auto;
}

.notif-side-modal {
  background: #fff;
  border-radius: 0 16px 16px 0;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  box-shadow: -4px 0 32px rgba(174, 173, 176, 0.52);
  display: flex;
  flex-direction: column;
  z-index: 10001;
  animation: notif-slide-in-side 0.3s;
}

.notif-avatar-fallback {
  width: 40px;
  height: 40px;
  background-color: #d0d0d0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}


.feedback-form-container {
    max-width: 600px;
    margin: auto;
    font-family: Arial, sans-serif;
    padding: 20px 30px;
    background-color: #fff;
    /* border: 1px solid #d9b87c;  */
    border-radius: 12px; 
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  */
}

/* Form Header */
 .form-header h1 {
    text-align: center;
    color: #00a3e7;
    margin-bottom: 10px;
}

.form-header p {
    text-align: center;
    font-size: 14px;
    color: #000;
} 

/* Form Group */
.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
    color: #000;
}

/* Radio Buttons */
.radio-group {
    /* display: flex; */
    gap: 15px;
    align-items: center;
}

/* .radio-group input {
    margin-right: 5px;
}  */

/* Text Area */
.feedback-textarea {
    width: 100%;
    /* border: 1px solid #d9b87c; */
    border-radius: 6px;
    padding: 10px;
    font-size: 14px;
    resize: none;
    background-color: #fff;
} 

/* Stars */
 .stars {
    display: flex;
    justify-content:center;
    padding: 10px 0;
    gap: 30px;
} 

 .star {
    font-size: 50px;
    color: #ccc; 
     cursor: pointer;
    transition: color 0.3s ease; 
 }  

.star.selected-show {
    color: #ffd700; 
}  

.rating-text {
    text-align: center;
    font-size: 14px;
    color: #00a3e7;
    margin-top: 5px;
} 

/* Input Fields */
 .input-group {
    display: flex;
    gap: 10px;
}

 .input-group input {
    flex: 1 1;
    border: 1px solid #000;
    border-radius: 6px;
    padding: 10px;
    font-size: 14px;
    background-color: #fff;
}  */


/* Submit Button */

.submit-btn-feed {
    width: 50% !important;
    padding: 12px;
    background-color: #00a3e7;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    transition: background-color 0.3s ease; 
    float:right
} 
.submit-btn-feed:hover {
    background-color: #fff;
    border:2px solid #00a3e7;
    color:#00a3e7;
}

.dashboard-select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.toggle-btn {
    display: block;
    margin: 20px auto;
    padding: 10px 20px;
    background-color: #00a3e7;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.toggle-btn:hover {
    background-color: #005f8a;
}

.smiley-rating{
    display: flex;
    justify-content: center;
    font-size: 50px;
}