:root {
  --color-primary-50: #eff6ff;
  --color-primary-100: #dbeafe;
  --color-primary-200: #bfdbfe;
  --color-primary-300: #93c5fd;
  --color-primary-400: #60a5fa;
  --color-primary-500: #3b82f6;
  --color-primary-600: #2563eb;
  --color-primary-700: #1d4ed8;
  --color-primary-800: #1e40af;
  --color-primary-900: #1e3a8a;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cbd5e1;
  --color-slate-400: #94a3b8;
  --color-slate-500: #64748b;
  --color-slate-600: #475569;
  --color-slate-700: #334155;
  --color-slate-800: #1e293b;
  --color-slate-900: #0f172a;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-danger: #dc2626;
  --color-background: #ffffff;
  --color-surface: #f8fafc;
  --color-border: #e2e8f0;
  --color-text-primary: #1a202c;
  --color-text-secondary: #64748b;
  --color-text-muted: #94a3b8;
  --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

:root {
  --font-family-primary:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
  --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
}

:root {
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
}

:root {
  --border-radius-sm: 0.125rem;
  --border-radius-base: 0.25rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  --border-radius-full: 9999px;
}

:root {
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

:root {
  --transition-fast: 0.15s ease-out;
  --transition-base: 0.2s ease-out;
  --transition-slow: 0.3s ease-out;
}

._container_g3t8a_110 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--gradient-primary);
  padding: var(--spacing-4);
}

._card_g3t8a_119 {
  background: var(--color-background);
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-md);
  width: 100%;
  max-width: 400px;
  overflow: hidden;
}

._header_g3t8a_128 {
  padding: var(--spacing-8);
  text-align: center;
  background: var(--color-surface);
  border-bottom: 1px solid var(--color-border);
}
._header_g3t8a_128 h1 {
  margin: 0 0 var(--spacing-2) 0;
  color: var(--color-text-primary);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
}
._header_g3t8a_128 p {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-relaxed);
}

._form_g3t8a_147 {
  padding: var(--spacing-8);
}
._form_g3t8a_147 h2 {
  margin: 0 0 var(--spacing-6) 0;
  text-align: center;
  color: var(--color-text-primary);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-semibold);
}

._formGroup_g3t8a_158 {
  margin-bottom: var(--spacing-4);
}
._formGroup_g3t8a_158 label {
  display: block;
  margin-bottom: var(--spacing-1);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
  font-size: var(--font-size-sm);
}
._formGroup_g3t8a_158 input {
  width: 100%;
  padding: var(--spacing-3);
  border: 1px solid var(--color-gray-300);
  border-radius: var(--border-radius-base);
  font-size: var(--font-size-base);
  transition: var(--transition-base);
  background: var(--color-background);
  color: var(--color-text-primary);
}
._formGroup_g3t8a_158 input:focus {
  outline: none;
  border-color: var(--color-primary-500);
  box-shadow: 0 0 0 3px var(--color-primary-100);
}
._formGroup_g3t8a_158 input:disabled {
  background: var(--color-gray-50);
  color: var(--color-gray-500);
  cursor: not-allowed;
}
._formGroup_g3t8a_158 input::placeholder {
  color: var(--color-text-muted);
}

._submitButton_g3t8a_192 {
  width: 100%;
  padding: var(--spacing-3);
  background: var(--color-primary-500);
  color: var(--color-background);
  border: none;
  border-radius: var(--border-radius-base);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  transition: var(--transition-base);
}
._submitButton_g3t8a_192:hover:not(:disabled) {
  background: var(--color-primary-600);
}
._submitButton_g3t8a_192:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-primary-100);
}
._submitButton_g3t8a_192:disabled {
  background: var(--color-gray-400);
  cursor: not-allowed;
}

._adminNotice_g3t8a_216 {
  margin-top: var(--spacing-6);
  padding: var(--spacing-4);
  background: var(--color-primary-50);
  border: 1px solid var(--color-primary-500);
  border-radius: var(--border-radius-base);
  text-align: center;
}
._adminNotice_g3t8a_216 p {
  margin: 0;
  font-size: var(--font-size-sm);
  color: var(--color-primary-800);
  line-height: var(--line-height-relaxed);
}

@media (min-width: 640px) {
  ._container_g3t8a_110 {
    padding: var(--spacing-6);
  }
  ._card_g3t8a_119 {
    max-width: 450px;
  }
}:root {
  --color-primary-50: #eff6ff;
  --color-primary-100: #dbeafe;
  --color-primary-200: #bfdbfe;
  --color-primary-300: #93c5fd;
  --color-primary-400: #60a5fa;
  --color-primary-500: #3b82f6;
  --color-primary-600: #2563eb;
  --color-primary-700: #1d4ed8;
  --color-primary-800: #1e40af;
  --color-primary-900: #1e3a8a;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cbd5e1;
  --color-slate-400: #94a3b8;
  --color-slate-500: #64748b;
  --color-slate-600: #475569;
  --color-slate-700: #334155;
  --color-slate-800: #1e293b;
  --color-slate-900: #0f172a;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-danger: #dc2626;
  --color-background: #ffffff;
  --color-surface: #f8fafc;
  --color-border: #e2e8f0;
  --color-text-primary: #1a202c;
  --color-text-secondary: #64748b;
  --color-text-muted: #94a3b8;
  --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

:root {
  --font-family-primary:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
  --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
}

:root {
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
}

:root {
  --border-radius-sm: 0.125rem;
  --border-radius-base: 0.25rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  --border-radius-full: 9999px;
}

:root {
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

:root {
  --transition-fast: 0.15s ease-out;
  --transition-base: 0.2s ease-out;
  --transition-slow: 0.3s ease-out;
}

._container_1bt98_110 {
  min-height: 100vh;
  background: var(--color-gray-50);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-4);
}

._card_1bt98_119 {
  background: var(--color-background);
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-lg);
  width: 100%;
  max-width: 500px;
  padding: var(--spacing-8);
  border: 1px solid var(--color-gray-200);
}

._header_1bt98_129 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-6);
  padding-bottom: var(--spacing-4);
  border-bottom: 1px solid var(--color-gray-200);
}

._userInfo_1bt98_138 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}

._userName_1bt98_144 {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
}

._userRole_1bt98_150 {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._logoutButton_1bt98_158 {
  background: transparent;
  border: 1px solid var(--color-gray-300);
  color: var(--color-text-secondary);
  padding: var(--spacing-2) var(--spacing-4);
  border-radius: var(--border-radius-base);
  font-size: var(--font-size-sm);
  cursor: pointer;
  transition: var(--transition-base);
}
._logoutButton_1bt98_158:hover {
  background: var(--color-gray-50);
  color: var(--color-text-primary);
}
._logoutButton_1bt98_158:focus {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}

._titleSection_1bt98_177 {
  text-align: center;
  margin-bottom: var(--spacing-6);
}

._title_1bt98_177 {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-2) 0;
}

._subtitle_1bt98_189 {
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin: 0;
}

._selectSection_1bt98_195 {
  margin-bottom: var(--spacing-6);
}

._selectLabel_1bt98_199 {
  display: block;
  margin-bottom: var(--spacing-2);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
  font-size: var(--font-size-sm);
}

._organizationSelect_1bt98_207 {
  width: 100%;
  padding: var(--spacing-3) var(--spacing-4);
  border: 1px solid var(--color-gray-300);
  border-radius: var(--border-radius-base);
  font-size: var(--font-size-base);
  background: var(--color-background);
  color: var(--color-text-primary);
  transition: var(--transition-base);
  cursor: pointer;
}
._organizationSelect_1bt98_207:focus {
  outline: none;
  border-color: var(--color-primary-500);
  box-shadow: 0 0 0 3px var(--color-primary-100);
}
._organizationSelect_1bt98_207 option {
  padding: var(--spacing-2) var(--spacing-3);
  background: var(--color-background);
  color: var(--color-text-primary);
}
._organizationSelect_1bt98_207 option:disabled {
  color: var(--color-text-tertiary);
  font-style: italic;
}
._organizationSelect_1bt98_207 option:hover {
  background: var(--color-primary-50);
}

._organizationCount_1bt98_236 {
  margin-top: var(--spacing-2);
  font-size: var(--font-size-sm);
  color: var(--color-text-tertiary);
  text-align: center;
}

._content_1bt98_243 {
  margin-bottom: var(--spacing-6);
}

._loadingState_1bt98_247 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 120px;
  gap: var(--spacing-3);
}

._loadingSpinner_1bt98_256 {
  width: 32px;
  height: 32px;
  border: 3px solid var(--color-gray-200);
  border-top: 3px solid var(--color-primary-500);
  border-radius: var(--border-radius-full);
  animation: _spin_1bt98_1 1s linear infinite;
}

@keyframes _spin_1bt98_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._errorState_1bt98_273,
._emptyState_1bt98_274 {
  text-align: center;
  padding: var(--spacing-8) var(--spacing-4);
}

._errorMessage_1bt98_279,
._emptyMessage_1bt98_280 {
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-4);
}

._retryButton_1bt98_286 {
  background: var(--color-primary-600);
  color: white;
  border: none;
  padding: var(--spacing-2) var(--spacing-4);
  border-radius: var(--border-radius-base);
  font-size: var(--font-size-sm);
  cursor: pointer;
  transition: var(--transition-base);
}
._retryButton_1bt98_286:hover {
  background: var(--color-primary-700);
}
._retryButton_1bt98_286:focus {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}

._separator_1bt98_304 {
  color: var(--color-gray-300);
}

._actions_1bt98_308 {
  display: flex;
  justify-content: center;
  padding-top: var(--spacing-4);
  border-top: 1px solid var(--color-gray-200);
}

._selectButton_1bt98_315 {
  background: var(--color-primary-600);
  color: white;
  border: none;
  padding: var(--spacing-3) var(--spacing-8);
  border-radius: var(--border-radius-base);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  transition: var(--transition-base);
  min-width: 160px;
}
._selectButton_1bt98_315:hover:not(:disabled) {
  background: var(--color-primary-700);
  box-shadow: var(--shadow-md);
}
._selectButton_1bt98_315:focus {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}
._selectButton_1bt98_315:disabled {
  background: var(--color-gray-300);
  color: var(--color-gray-500);
  cursor: not-allowed;
  box-shadow: none;
}

@media (max-width: 640px) {
  ._container_1bt98_110 {
    padding: var(--spacing-2);
  }
  ._card_1bt98_119 {
    padding: var(--spacing-6);
  }
  ._header_1bt98_129 {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-3);
  }
  ._logoutButton_1bt98_158 {
    align-self: flex-end;
  }
  ._dropdown_1bt98_357 {
    max-height: 200px;
  }
  ._dropdownItemMeta_1bt98_360 {
    font-size: 10px;
  }
}:root {
  --color-primary-50: #eff6ff;
  --color-primary-100: #dbeafe;
  --color-primary-200: #bfdbfe;
  --color-primary-300: #93c5fd;
  --color-primary-400: #60a5fa;
  --color-primary-500: #3b82f6;
  --color-primary-600: #2563eb;
  --color-primary-700: #1d4ed8;
  --color-primary-800: #1e40af;
  --color-primary-900: #1e3a8a;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cbd5e1;
  --color-slate-400: #94a3b8;
  --color-slate-500: #64748b;
  --color-slate-600: #475569;
  --color-slate-700: #334155;
  --color-slate-800: #1e293b;
  --color-slate-900: #0f172a;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-danger: #dc2626;
  --color-background: #ffffff;
  --color-surface: #f8fafc;
  --color-border: #e2e8f0;
  --color-text-primary: #1a202c;
  --color-text-secondary: #64748b;
  --color-text-muted: #94a3b8;
  --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

:root {
  --font-family-primary:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
  --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
}

:root {
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
}

:root {
  --border-radius-sm: 0.125rem;
  --border-radius-base: 0.25rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  --border-radius-full: 9999px;
}

:root {
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

:root {
  --transition-fast: 0.15s ease-out;
  --transition-base: 0.2s ease-out;
  --transition-slow: 0.3s ease-out;
}

._container_2xg9m_110 {
  padding: var(--spacing-4);
}

._grid_2xg9m_114 {
  display: grid;
  gap: var(--spacing-4);
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

._card_2xg9m_120 {
  background: var(--color-background);
  padding: var(--spacing-4);
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
}
._card_2xg9m_120 h3 {
  margin: 0 0 var(--spacing-3) 0;
  color: var(--color-text-primary);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
}
._card_2xg9m_120 p {
  margin: 0;
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

._statsGrid_2xg9m_139 {
  display: grid;
  gap: var(--spacing-2);
}
._statsGrid_2xg9m_139 div {
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
}

._statusGrid_2xg9m_148 {
  display: grid;
  gap: var(--spacing-2);
}
._statusGrid_2xg9m_148 div {
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
}._statusChip_1mj1r_1 {
  font-weight: 500;
  min-width: 80px;
  text-align: center;
}._roleChip_mzwh6_1 {
  font-weight: 500;
  min-width: 80px;
  text-align: center;
}._organizationChip_1lph0_1 {
  font-weight: 500;
  min-width: 100px;
  text-align: center;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}:root {
  --color-primary-50: #eff6ff;
  --color-primary-100: #dbeafe;
  --color-primary-200: #bfdbfe;
  --color-primary-300: #93c5fd;
  --color-primary-400: #60a5fa;
  --color-primary-500: #3b82f6;
  --color-primary-600: #2563eb;
  --color-primary-700: #1d4ed8;
  --color-primary-800: #1e40af;
  --color-primary-900: #1e3a8a;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cbd5e1;
  --color-slate-400: #94a3b8;
  --color-slate-500: #64748b;
  --color-slate-600: #475569;
  --color-slate-700: #334155;
  --color-slate-800: #1e293b;
  --color-slate-900: #0f172a;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-danger: #dc2626;
  --color-background: #ffffff;
  --color-surface: #f8fafc;
  --color-border: #e2e8f0;
  --color-text-primary: #1a202c;
  --color-text-secondary: #64748b;
  --color-text-muted: #94a3b8;
  --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

:root {
  --font-family-primary:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
  --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
}

:root {
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
}

:root {
  --border-radius-sm: 0.125rem;
  --border-radius-base: 0.25rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  --border-radius-full: 9999px;
}

:root {
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

:root {
  --transition-fast: 0.15s ease-out;
  --transition-base: 0.2s ease-out;
  --transition-slow: 0.3s ease-out;
}

._container_1794w_110 {
  padding: var(--spacing-4);
}

._datagrid_1794w_114 ._statusChip_1794w_114 {
  font-size: 0.75rem;
  font-weight: 500;
}
._datagrid_1794w_114 ._roleChip_1794w_118 {
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: capitalize;
}

.RaList-main {
  margin-top: var(--spacing-3);
}

.RaDatagrid-table th,
.RaDatagrid-table td {
  padding: var(--spacing-2) var(--spacing-3);
}

._statusChip_1794w_114[data-status=active] {
  background-color: var(--color-success-light, #d4edda);
  color: var(--color-success-dark, #155724);
}
._statusChip_1794w_114[data-status=disabled] {
  background-color: var(--color-error-light, #f8d7da);
  color: var(--color-error-dark, #721c24);
}

._roleChip_1794w_118[data-role=super_admin] {
  background-color: var(--color-purple-light, #f3e8ff);
  color: var(--color-purple-dark, #581c87);
}
._roleChip_1794w_118[data-role=user_manager] {
  background-color: var(--color-indigo-light, #e0e7ff);
  color: var(--color-indigo-dark, #3730a3);
}
._roleChip_1794w_118[data-role=organization_admin] {
  background-color: var(--color-blue-light, #dbeafe);
  color: var(--color-blue-dark, #1e40af);
}
._roleChip_1794w_118[data-role=creative_user] {
  background-color: var(--color-teal-light, #ccfbf1);
  color: var(--color-teal-dark, #134e4a);
}:root {
  --color-primary-50: #eff6ff;
  --color-primary-100: #dbeafe;
  --color-primary-200: #bfdbfe;
  --color-primary-300: #93c5fd;
  --color-primary-400: #60a5fa;
  --color-primary-500: #3b82f6;
  --color-primary-600: #2563eb;
  --color-primary-700: #1d4ed8;
  --color-primary-800: #1e40af;
  --color-primary-900: #1e3a8a;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cbd5e1;
  --color-slate-400: #94a3b8;
  --color-slate-500: #64748b;
  --color-slate-600: #475569;
  --color-slate-700: #334155;
  --color-slate-800: #1e293b;
  --color-slate-900: #0f172a;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-danger: #dc2626;
  --color-background: #ffffff;
  --color-surface: #f8fafc;
  --color-border: #e2e8f0;
  --color-text-primary: #1a202c;
  --color-text-secondary: #64748b;
  --color-text-muted: #94a3b8;
  --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

:root {
  --font-family-primary:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
  --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
}

:root {
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
}

:root {
  --border-radius-sm: 0.125rem;
  --border-radius-base: 0.25rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  --border-radius-full: 9999px;
}

:root {
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

:root {
  --transition-fast: 0.15s ease-out;
  --transition-base: 0.2s ease-out;
  --transition-slow: 0.3s ease-out;
}

._container_12lxd_110 {
  padding: var(--spacing-4);
}

._formSection_12lxd_114 {
  margin-bottom: var(--spacing-6);
  padding: var(--spacing-4);
  border: 1px solid var(--color-gray-200, #e5e7eb);
  border-radius: var(--border-radius-md, 0.375rem);
  background-color: var(--color-background-light, #fafafa);
}
._formSection_12lxd_114 h3 {
  margin: 0 0 var(--spacing-4) 0;
  font-size: var(--font-size-lg, 1.125rem);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-text-primary, #1f2937);
}
._formSection_12lxd_114 ._MuiFormControl-root_12lxd_127 {
  margin-bottom: var(--spacing-3);
}

._noPermission_12lxd_131 {
  padding: var(--spacing-8);
  text-align: center;
}
._noPermission_12lxd_131 h2 {
  color: var(--color-error-dark, #dc2626);
  margin-bottom: var(--spacing-2);
}
._noPermission_12lxd_131 p {
  color: var(--color-text-secondary, #6b7280);
  font-size: var(--font-size-base, 1rem);
}

.RaCreate-main ._MuiCard-root_12lxd_144 {
  box-shadow: var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
}

.RaSimpleForm-form ._MuiTextField-root_12lxd_148 {
  margin-bottom: var(--spacing-4);
}
.RaSimpleForm-form ._MuiFormControlLabel-root_12lxd_151 {
  margin-bottom: var(--spacing-2);
}

.MuiFormHelperText-root {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--color-text-tertiary, #9ca3af);
  margin-top: var(--spacing-1);
}:root {
  --color-primary-50: #eff6ff;
  --color-primary-100: #dbeafe;
  --color-primary-200: #bfdbfe;
  --color-primary-300: #93c5fd;
  --color-primary-400: #60a5fa;
  --color-primary-500: #3b82f6;
  --color-primary-600: #2563eb;
  --color-primary-700: #1d4ed8;
  --color-primary-800: #1e40af;
  --color-primary-900: #1e3a8a;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cbd5e1;
  --color-slate-400: #94a3b8;
  --color-slate-500: #64748b;
  --color-slate-600: #475569;
  --color-slate-700: #334155;
  --color-slate-800: #1e293b;
  --color-slate-900: #0f172a;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-danger: #dc2626;
  --color-background: #ffffff;
  --color-surface: #f8fafc;
  --color-border: #e2e8f0;
  --color-text-primary: #1a202c;
  --color-text-secondary: #64748b;
  --color-text-muted: #94a3b8;
  --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

:root {
  --font-family-primary:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
  --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
}

:root {
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
}

:root {
  --border-radius-sm: 0.125rem;
  --border-radius-base: 0.25rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  --border-radius-full: 9999px;
}

:root {
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

:root {
  --transition-fast: 0.15s ease-out;
  --transition-base: 0.2s ease-out;
  --transition-slow: 0.3s ease-out;
}

._container_47abg_110 {
  padding: var(--spacing-4);
}

._formSection_47abg_114 {
  margin-bottom: var(--spacing-6);
  padding: var(--spacing-4);
  border: 1px solid var(--color-gray-200, #e5e7eb);
  border-radius: var(--border-radius-md, 0.375rem);
  background-color: var(--color-background-light, #fafafa);
}
._formSection_47abg_114 h3 {
  margin: 0 0 var(--spacing-4) 0;
  font-size: var(--font-size-lg, 1.125rem);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-text-primary, #1f2937);
}
._formSection_47abg_114 ._MuiFormControl-root_47abg_127 {
  margin-bottom: var(--spacing-3);
}

._noPermission_47abg_131 {
  padding: var(--spacing-8);
  text-align: center;
}
._noPermission_47abg_131 h2 {
  color: var(--color-error-dark, #dc2626);
  margin-bottom: var(--spacing-2);
}
._noPermission_47abg_131 p {
  color: var(--color-text-secondary, #6b7280);
  font-size: var(--font-size-base, 1rem);
}

.RaEdit-main ._MuiCard-root_47abg_144 {
  box-shadow: var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
}

.RaSimpleForm-form ._MuiTextField-root_47abg_148 {
  margin-bottom: var(--spacing-4);
}
.RaSimpleForm-form ._MuiFormControlLabel-root_47abg_151 {
  margin-bottom: var(--spacing-2);
}

.MuiTextField-root._Mui-disabled_47abg_155 ._MuiInputBase-input_47abg_155 {
  background-color: var(--color-gray-100, #f3f4f6);
  color: var(--color-text-secondary, #6b7280);
}

.MuiFormHelperText-root {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--color-text-tertiary, #9ca3af);
  margin-top: var(--spacing-1);
}

.RaToolbar-toolbar ._MuiButton-root_47abg_166 {
  margin-right: var(--spacing-2);
}:root {
  --color-primary-50: #eff6ff;
  --color-primary-100: #dbeafe;
  --color-primary-200: #bfdbfe;
  --color-primary-300: #93c5fd;
  --color-primary-400: #60a5fa;
  --color-primary-500: #3b82f6;
  --color-primary-600: #2563eb;
  --color-primary-700: #1d4ed8;
  --color-primary-800: #1e40af;
  --color-primary-900: #1e3a8a;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cbd5e1;
  --color-slate-400: #94a3b8;
  --color-slate-500: #64748b;
  --color-slate-600: #475569;
  --color-slate-700: #334155;
  --color-slate-800: #1e293b;
  --color-slate-900: #0f172a;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-danger: #dc2626;
  --color-background: #ffffff;
  --color-surface: #f8fafc;
  --color-border: #e2e8f0;
  --color-text-primary: #1a202c;
  --color-text-secondary: #64748b;
  --color-text-muted: #94a3b8;
  --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

:root {
  --font-family-primary:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
  --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
}

:root {
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
}

:root {
  --border-radius-sm: 0.125rem;
  --border-radius-base: 0.25rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  --border-radius-full: 9999px;
}

:root {
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

:root {
  --transition-fast: 0.15s ease-out;
  --transition-base: 0.2s ease-out;
  --transition-slow: 0.3s ease-out;
}

._container_jwjzc_110 {
  padding: var(--spacing-4);
}

._gridContainer_jwjzc_114 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: var(--spacing-4);
  margin-top: var(--spacing-3);
}

._section_jwjzc_121 {
  box-shadow: var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
  border-radius: var(--border-radius-lg, 0.5rem);
}
._section_jwjzc_121 ._sectionTitle_jwjzc_125 {
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-text-primary, #1f2937);
  margin-bottom: var(--spacing-4);
  padding-bottom: var(--spacing-2);
  border-bottom: 2px solid var(--color-gray-200, #e5e7eb);
}

._field_jwjzc_133 {
  margin-bottom: var(--spacing-4);
}
._field_jwjzc_133:last-child {
  margin-bottom: 0;
}
._field_jwjzc_133 ._fieldLabel_jwjzc_139 {
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-text-secondary, #6b7280);
  margin-bottom: var(--spacing-1);
  font-size: var(--font-size-sm, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._field_jwjzc_133 ._fieldValue_jwjzc_147 {
  font-size: var(--font-size-base, 1rem);
  color: var(--color-text-primary, #1f2937);
}

._statusChip_jwjzc_152 {
  font-size: 0.875rem;
  font-weight: var(--font-weight-medium, 500);
}
._statusChip_jwjzc_152[data-status=active] {
  background-color: var(--color-success-light, #d4edda);
  color: var(--color-success-dark, #155724);
}
._statusChip_jwjzc_152[data-status=disabled] {
  background-color: var(--color-error-light, #f8d7da);
  color: var(--color-error-dark, #721c24);
}

._roleChip_jwjzc_165 {
  font-size: 0.875rem;
  font-weight: var(--font-weight-medium, 500);
  text-transform: capitalize;
}
._roleChip_jwjzc_165[data-role=super_admin] {
  background-color: var(--color-purple-light, #f3e8ff);
  color: var(--color-purple-dark, #581c87);
}
._roleChip_jwjzc_165[data-role=user_manager] {
  background-color: var(--color-indigo-light, #e0e7ff);
  color: var(--color-indigo-dark, #3730a3);
}
._roleChip_jwjzc_165[data-role=organization_admin] {
  background-color: var(--color-blue-light, #dbeafe);
  color: var(--color-blue-dark, #1e40af);
}
._roleChip_jwjzc_165[data-role=creative_user] {
  background-color: var(--color-teal-light, #ccfbf1);
  color: var(--color-teal-dark, #134e4a);
}

.RaShow-main ._MuiCard-root_jwjzc_187 {
  box-shadow: none;
}

.RaTopToolbar-toolbar ._MuiButton-root_jwjzc_191 {
  margin-right: var(--spacing-2);
}

.RaTextField-text {
  font-size: var(--font-size-base, 1rem);
  color: var(--color-text-primary, #1f2937);
}

.RaEmailField-link {
  color: var(--color-primary, #2563eb);
  text-decoration: none;
}
.RaEmailField-link:hover {
  text-decoration: underline;
}

.RaBooleanField-value {
  font-weight: var(--font-weight-medium, 500);
}
.RaBooleanField-value[data-value=true] {
  color: var(--color-success-dark, #155724);
}
.RaBooleanField-value[data-value=false] {
  color: var(--color-error-dark, #721c24);
}._localization_olt29_1 {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
}

._country_olt29_7,
._currency_olt29_8,
._timezone_olt29_9 {
  font-weight: 500;
}

._separator_olt29_13 {
  margin: 0 6px;
  color: #999;
}:root {
  --color-primary-50: #eff6ff;
  --color-primary-100: #dbeafe;
  --color-primary-200: #bfdbfe;
  --color-primary-300: #93c5fd;
  --color-primary-400: #60a5fa;
  --color-primary-500: #3b82f6;
  --color-primary-600: #2563eb;
  --color-primary-700: #1d4ed8;
  --color-primary-800: #1e40af;
  --color-primary-900: #1e3a8a;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cbd5e1;
  --color-slate-400: #94a3b8;
  --color-slate-500: #64748b;
  --color-slate-600: #475569;
  --color-slate-700: #334155;
  --color-slate-800: #1e293b;
  --color-slate-900: #0f172a;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-danger: #dc2626;
  --color-background: #ffffff;
  --color-surface: #f8fafc;
  --color-border: #e2e8f0;
  --color-text-primary: #1a202c;
  --color-text-secondary: #64748b;
  --color-text-muted: #94a3b8;
  --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

:root {
  --font-family-primary:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
  --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
}

:root {
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
}

:root {
  --border-radius-sm: 0.125rem;
  --border-radius-base: 0.25rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  --border-radius-full: 9999px;
}

:root {
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

:root {
  --transition-fast: 0.15s ease-out;
  --transition-base: 0.2s ease-out;
  --transition-slow: 0.3s ease-out;
}

._container_zxt9a_110 {
  padding: var(--spacing-4);
}

._datagrid_zxt9a_114 ._statusChip_zxt9a_114 {
  font-size: 0.75rem;
  font-weight: 500;
}

._localization_zxt9a_119 {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: var(--color-text-secondary, #6b7280);
}
._localization_zxt9a_119 ._country_zxt9a_125 {
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-text-primary, #1f2937);
}
._localization_zxt9a_119 ._separator_zxt9a_129 {
  margin: 0 var(--spacing-1);
  opacity: 0.5;
}
._localization_zxt9a_119 ._currency_zxt9a_133 {
  font-weight: var(--font-weight-medium, 500);
}
._localization_zxt9a_119 ._timezone_zxt9a_136 {
  font-size: 0.75rem;
  opacity: 0.7;
}

.RaList-main {
  margin-top: var(--spacing-3);
}

.RaDatagrid-table th,
.RaDatagrid-table td {
  padding: var(--spacing-2) var(--spacing-3);
}

._statusChip_zxt9a_114[data-status=active] {
  background-color: var(--color-success-light, #d4edda);
  color: var(--color-success-dark, #155724);
}
._statusChip_zxt9a_114[data-status=suspended] {
  background-color: var(--color-error-light, #f8d7da);
  color: var(--color-error-dark, #721c24);
}
._statusChip_zxt9a_114[data-status=inactive] {
  background-color: var(--color-warning-light, #fff3cd);
  color: var(--color-warning-dark, #856404);
}

.RaDatagrid-rowCell ._MuiButton-root_zxt9a_163 {
  margin-right: var(--spacing-1);
  font-size: 0.75rem;
  padding: var(--spacing-1) var(--spacing-2);
}:root {
  --color-primary-50: #eff6ff;
  --color-primary-100: #dbeafe;
  --color-primary-200: #bfdbfe;
  --color-primary-300: #93c5fd;
  --color-primary-400: #60a5fa;
  --color-primary-500: #3b82f6;
  --color-primary-600: #2563eb;
  --color-primary-700: #1d4ed8;
  --color-primary-800: #1e40af;
  --color-primary-900: #1e3a8a;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cbd5e1;
  --color-slate-400: #94a3b8;
  --color-slate-500: #64748b;
  --color-slate-600: #475569;
  --color-slate-700: #334155;
  --color-slate-800: #1e293b;
  --color-slate-900: #0f172a;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-danger: #dc2626;
  --color-background: #ffffff;
  --color-surface: #f8fafc;
  --color-border: #e2e8f0;
  --color-text-primary: #1a202c;
  --color-text-secondary: #64748b;
  --color-text-muted: #94a3b8;
  --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

:root {
  --font-family-primary:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
  --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
}

:root {
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
}

:root {
  --border-radius-sm: 0.125rem;
  --border-radius-base: 0.25rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  --border-radius-full: 9999px;
}

:root {
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

:root {
  --transition-fast: 0.15s ease-out;
  --transition-base: 0.2s ease-out;
  --transition-slow: 0.3s ease-out;
}

._container_1wrsu_110 {
  padding: var(--spacing-4);
}

._formSection_1wrsu_114 {
  margin-bottom: var(--spacing-6);
  padding: var(--spacing-4);
  border: 1px solid var(--color-gray-200, #e5e7eb);
  border-radius: var(--border-radius-md, 0.375rem);
  background-color: var(--color-background-light, #fafafa);
}
._formSection_1wrsu_114 h3 {
  margin: 0 0 var(--spacing-4) 0;
  font-size: var(--font-size-lg, 1.125rem);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-text-primary, #1f2937);
}
._formSection_1wrsu_114 ._MuiFormControl-root_1wrsu_127 {
  margin-bottom: var(--spacing-3);
}

._noPermission_1wrsu_131 {
  padding: var(--spacing-8);
  text-align: center;
}
._noPermission_1wrsu_131 h2 {
  color: var(--color-error-dark, #dc2626);
  margin-bottom: var(--spacing-2);
}
._noPermission_1wrsu_131 p {
  color: var(--color-text-secondary, #6b7280);
  font-size: var(--font-size-base, 1rem);
}

.RaCreate-main ._MuiCard-root_1wrsu_144 {
  box-shadow: var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
}

.RaSimpleForm-form ._MuiTextField-root_1wrsu_148 {
  margin-bottom: var(--spacing-4);
}
.RaSimpleForm-form ._MuiFormControlLabel-root_1wrsu_151 {
  margin-bottom: var(--spacing-2);
}

.MuiFormHelperText-root {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--color-text-tertiary, #9ca3af);
  margin-top: var(--spacing-1);
}

.MuiTextField-root._MuiTextField-multiline_1wrsu_161 ._MuiInputBase-input_1wrsu_161 {
  resize: vertical;
  min-height: 60px;
}:root {
  --color-primary-50: #eff6ff;
  --color-primary-100: #dbeafe;
  --color-primary-200: #bfdbfe;
  --color-primary-300: #93c5fd;
  --color-primary-400: #60a5fa;
  --color-primary-500: #3b82f6;
  --color-primary-600: #2563eb;
  --color-primary-700: #1d4ed8;
  --color-primary-800: #1e40af;
  --color-primary-900: #1e3a8a;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cbd5e1;
  --color-slate-400: #94a3b8;
  --color-slate-500: #64748b;
  --color-slate-600: #475569;
  --color-slate-700: #334155;
  --color-slate-800: #1e293b;
  --color-slate-900: #0f172a;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-danger: #dc2626;
  --color-background: #ffffff;
  --color-surface: #f8fafc;
  --color-border: #e2e8f0;
  --color-text-primary: #1a202c;
  --color-text-secondary: #64748b;
  --color-text-muted: #94a3b8;
  --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

:root {
  --font-family-primary:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
  --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
}

:root {
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
}

:root {
  --border-radius-sm: 0.125rem;
  --border-radius-base: 0.25rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  --border-radius-full: 9999px;
}

:root {
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

:root {
  --transition-fast: 0.15s ease-out;
  --transition-base: 0.2s ease-out;
  --transition-slow: 0.3s ease-out;
}

._container_ipbsz_110 {
  padding: var(--spacing-4);
}

._formSection_ipbsz_114 {
  margin-bottom: var(--spacing-6);
  padding: var(--spacing-4);
  border: 1px solid var(--color-gray-200, #e5e7eb);
  border-radius: var(--border-radius-md, 0.375rem);
  background-color: var(--color-background-light, #fafafa);
}
._formSection_ipbsz_114 h3 {
  margin: 0 0 var(--spacing-4) 0;
  font-size: var(--font-size-lg, 1.125rem);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-text-primary, #1f2937);
}
._formSection_ipbsz_114 ._MuiFormControl-root_ipbsz_127 {
  margin-bottom: var(--spacing-3);
}

._noPermission_ipbsz_131 {
  padding: var(--spacing-8);
  text-align: center;
}
._noPermission_ipbsz_131 h2 {
  color: var(--color-error-dark, #dc2626);
  margin-bottom: var(--spacing-2);
}
._noPermission_ipbsz_131 p {
  color: var(--color-text-secondary, #6b7280);
  font-size: var(--font-size-base, 1rem);
}

.RaEdit-main ._MuiCard-root_ipbsz_144 {
  box-shadow: var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
}

.RaSimpleForm-form ._MuiTextField-root_ipbsz_148 {
  margin-bottom: var(--spacing-4);
}
.RaSimpleForm-form ._MuiFormControlLabel-root_ipbsz_151 {
  margin-bottom: var(--spacing-2);
}

.MuiTextField-root._Mui-disabled_ipbsz_155 ._MuiInputBase-input_ipbsz_155 {
  background-color: var(--color-gray-100, #f3f4f6);
  color: var(--color-text-secondary, #6b7280);
}
.MuiTextField-root._MuiTextField-multiline_ipbsz_159 ._MuiInputBase-input_ipbsz_155 {
  resize: vertical;
  min-height: 60px;
}

.MuiFormHelperText-root {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--color-text-tertiary, #9ca3af);
  margin-top: var(--spacing-1);
}:root {
  --color-primary-50: #eff6ff;
  --color-primary-100: #dbeafe;
  --color-primary-200: #bfdbfe;
  --color-primary-300: #93c5fd;
  --color-primary-400: #60a5fa;
  --color-primary-500: #3b82f6;
  --color-primary-600: #2563eb;
  --color-primary-700: #1d4ed8;
  --color-primary-800: #1e40af;
  --color-primary-900: #1e3a8a;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cbd5e1;
  --color-slate-400: #94a3b8;
  --color-slate-500: #64748b;
  --color-slate-600: #475569;
  --color-slate-700: #334155;
  --color-slate-800: #1e293b;
  --color-slate-900: #0f172a;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-danger: #dc2626;
  --color-background: #ffffff;
  --color-surface: #f8fafc;
  --color-border: #e2e8f0;
  --color-text-primary: #1a202c;
  --color-text-secondary: #64748b;
  --color-text-muted: #94a3b8;
  --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

:root {
  --font-family-primary:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
  --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
}

:root {
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
}

:root {
  --border-radius-sm: 0.125rem;
  --border-radius-base: 0.25rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  --border-radius-full: 9999px;
}

:root {
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

:root {
  --transition-fast: 0.15s ease-out;
  --transition-base: 0.2s ease-out;
  --transition-slow: 0.3s ease-out;
}

._container_5swjm_110 {
  padding: var(--spacing-4);
}

._gridContainer_5swjm_114 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: var(--spacing-4);
  margin-top: var(--spacing-3);
}

._section_5swjm_121 {
  box-shadow: var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
  border-radius: var(--border-radius-lg, 0.5rem);
}
._section_5swjm_121 ._sectionTitle_5swjm_125 {
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-text-primary, #1f2937);
  margin-bottom: var(--spacing-4);
  padding-bottom: var(--spacing-2);
  border-bottom: 2px solid var(--color-gray-200, #e5e7eb);
}

._field_5swjm_133 {
  margin-bottom: var(--spacing-4);
}
._field_5swjm_133:last-child {
  margin-bottom: 0;
}
._field_5swjm_133 ._fieldLabel_5swjm_139 {
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-text-secondary, #6b7280);
  margin-bottom: var(--spacing-1);
  font-size: var(--font-size-sm, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._field_5swjm_133 ._fieldValue_5swjm_147 {
  font-size: var(--font-size-base, 1rem);
  color: var(--color-text-primary, #1f2937);
}

._statusChip_5swjm_152 {
  font-size: 0.875rem;
  font-weight: var(--font-weight-medium, 500);
}
._statusChip_5swjm_152[data-status=active] {
  background-color: var(--color-success-light, #d4edda);
  color: var(--color-success-dark, #155724);
}
._statusChip_5swjm_152[data-status=suspended] {
  background-color: var(--color-error-light, #f8d7da);
  color: var(--color-error-dark, #721c24);
}
._statusChip_5swjm_152[data-status=inactive] {
  background-color: var(--color-warning-light, #fff3cd);
  color: var(--color-warning-dark, #856404);
}

._localization_5swjm_169 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}
._localization_5swjm_169 ._localizationItem_5swjm_174 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-2);
  background-color: var(--color-gray-50, #f9fafb);
  border-radius: var(--border-radius-sm, 0.25rem);
}
._localization_5swjm_169 ._localizationItem_5swjm_174 ._label_5swjm_182 {
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-text-secondary, #6b7280);
  font-size: var(--font-size-sm, 0.875rem);
}
._localization_5swjm_169 ._localizationItem_5swjm_174 ._value_5swjm_187 {
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-text-primary, #1f2937);
  font-size: var(--font-size-base, 1rem);
}

.RaShow-main ._MuiCard-root_5swjm_193 {
  box-shadow: none;
}

.RaTopToolbar-toolbar ._MuiButton-root_5swjm_197 {
  margin-right: var(--spacing-2);
}

.RaTextField-text {
  font-size: var(--font-size-base, 1rem);
  color: var(--color-text-primary, #1f2937);
}

.RaNumberField-value {
  font-size: var(--font-size-lg, 1.125rem);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-primary, #2563eb);
}

.RaDateField-value {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--color-text-secondary, #6b7280);
}._container_vzrek_1 {
  padding: 16px;
  background-color: #f9f9f9;
  border-radius: 4px;
}

._title_vzrek_7 {
  font-weight: 600;
  margin-bottom: 12px;
  color: #333;
}

._statsGrid_vzrek_13 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}

._statGroup_vzrek_20 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._statLabel_vzrek_26 {
  font-weight: 500;
  color: #666;
  font-size: 14px;
}

._statValue_vzrek_32 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

._statChip_vzrek_39 {
  font-size: 11px;
  height: 20px;
}

._progressBar_vzrek_44 {
  height: 6px;
  border-radius: 3px;
  margin-top: 4px;
}

._detailedStats_vzrek_50 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid #e0e0e0;
  margin-bottom: 12px;
}

._statItem_vzrek_59 {
  display: flex;
  gap: 4px;
  align-items: center;
  font-size: 12px;
}

._statNumber_vzrek_66 {
  font-weight: 600;
  color: #333;
}

._warningMessage_vzrek_71 {
  padding: 8px 12px;
  border-radius: 4px;
  background-color: rgba(255, 193, 7, 0.1);
  border-left: 3px solid #ffc107;
  margin-top: 8px;
}

@media (max-width: 768px) {
  ._statsGrid_vzrek_13 {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  ._detailedStats_vzrek_50 {
    flex-direction: column;
    gap: 8px;
  }
  ._statItem_vzrek_59 {
    justify-content: space-between;
  }
}
._container_vzrek_1 {
  background-color: #f8f9fa !important;
}

._title_vzrek_7 {
  color: #333 !important;
}

._statLabel_vzrek_26 {
  color: #666 !important;
}

._statNumber_vzrek_66 {
  color: #333 !important;
}

._detailedStats_vzrek_50 {
  border-color: #e0e0e0 !important;
}

._warningMessage_vzrek_71 {
  background-color: rgba(255, 193, 7, 0.1) !important;
}._container_16fft_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 16px;
}

._label_16fft_8 {
  font-weight: 600;
  color: #333;
  margin-bottom: 12px;
}

._previewContent_16fft_14 {
  flex: 1;
  overflow-y: auto;
  background-color: #fafafa;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}

._markdownContent_16fft_22 {
  line-height: 1.6;
  color: #333;
}
._markdownContent_16fft_22 h1,
._markdownContent_16fft_22 h2,
._markdownContent_16fft_22 h3,
._markdownContent_16fft_22 h4,
._markdownContent_16fft_22 h5,
._markdownContent_16fft_22 h6 {
  margin: 16px 0 8px 0;
  font-weight: 600;
  line-height: 1.4;
}
._markdownContent_16fft_22 h1 {
  font-size: 28px;
  color: #1976d2;
  border-bottom: 2px solid #e0e0e0;
  padding-bottom: 8px;
}
._markdownContent_16fft_22 h2 {
  font-size: 24px;
  color: #1976d2;
}
._markdownContent_16fft_22 h3 {
  font-size: 20px;
  color: #333;
}
._markdownContent_16fft_22 p {
  margin: 12px 0;
  line-height: 1.7;
}
._markdownContent_16fft_22 strong {
  font-weight: 600;
  color: #333;
}
._markdownContent_16fft_22 em {
  font-style: italic;
  color: #555;
}
._markdownContent_16fft_22 code {
  background-color: #f5f5f5;
  padding: 2px 6px;
  border-radius: 3px;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
  font-size: 14px;
  color: #d63384;
}
._markdownContent_16fft_22 a {
  color: #1976d2;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}
._markdownContent_16fft_22 a:hover {
  border-bottom-color: #1976d2;
}
._markdownContent_16fft_22 blockquote {
  margin: 16px 0;
  padding: 12px 16px;
  background-color: #f8f9fa;
  border-left: 4px solid #1976d2;
  font-style: italic;
  color: #555;
}
._markdownContent_16fft_22 ul,
._markdownContent_16fft_22 ol {
  margin: 12px 0;
  padding-left: 24px;
}
._markdownContent_16fft_22 li {
  margin: 4px 0;
  line-height: 1.6;
}
._markdownContent_16fft_22 ._placeholder_16fft_96 {
  color: #999;
  font-style: italic;
  text-align: center;
  padding: 40px 20px;
  background-color: #f9f9f9;
  border-radius: 4px;
  border: 2px dashed #ddd;
}

._previewHints_16fft_106 {
  margin-top: 12px;
  padding: 8px;
  background-color: #f0f7ff;
  border-radius: 4px;
  border: 1px solid #e3f2fd;
}

._previewContent_16fft_14 {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
}
._previewContent_16fft_14::-webkit-scrollbar {
  width: 6px;
}
._previewContent_16fft_14::-webkit-scrollbar-track {
  background: transparent;
}
._previewContent_16fft_14::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}
._previewContent_16fft_14::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

._container_16fft_1 {
  background-color: white !important;
}

._label_16fft_8 {
  color: #333 !important;
}

._previewContent_16fft_14 {
  background-color: #fafafa !important;
  border-color: #e0e0e0 !important;
}

._markdownContent_16fft_22 {
  color: #333 !important;
}
._markdownContent_16fft_22 h1,
._markdownContent_16fft_22 h2 {
  color: #1976d2 !important;
}
._markdownContent_16fft_22 h3 {
  color: #333 !important;
}
._markdownContent_16fft_22 strong {
  color: #333 !important;
}
._markdownContent_16fft_22 em {
  color: #555 !important;
}
._markdownContent_16fft_22 code {
  background-color: #f5f5f5 !important;
  color: #d63384 !important;
}
._markdownContent_16fft_22 a {
  color: #1976d2 !important;
}
._markdownContent_16fft_22 a:hover {
  border-bottom-color: #1976d2 !important;
}
._markdownContent_16fft_22 blockquote {
  background-color: #f8f9fa !important;
  border-left-color: #1976d2 !important;
  color: #555 !important;
}
._markdownContent_16fft_22 ._placeholder_16fft_96 {
  color: #999 !important;
  background-color: #f9f9f9 !important;
  border-color: #ddd !important;
}

._previewHints_16fft_106 {
  background-color: #f0f7ff !important;
  border-color: #e3f2fd !important;
}

@media (max-width: 768px) {
  ._container_16fft_1 {
    padding: 12px;
  }
  ._markdownContent_16fft_22 h1 {
    font-size: 24px;
  }
  ._markdownContent_16fft_22 h2 {
    font-size: 20px;
  }
  ._markdownContent_16fft_22 h3 {
    font-size: 18px;
  }
}:root {
  --color-primary-50: #eff6ff;
  --color-primary-100: #dbeafe;
  --color-primary-200: #bfdbfe;
  --color-primary-300: #93c5fd;
  --color-primary-400: #60a5fa;
  --color-primary-500: #3b82f6;
  --color-primary-600: #2563eb;
  --color-primary-700: #1d4ed8;
  --color-primary-800: #1e40af;
  --color-primary-900: #1e3a8a;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cbd5e1;
  --color-slate-400: #94a3b8;
  --color-slate-500: #64748b;
  --color-slate-600: #475569;
  --color-slate-700: #334155;
  --color-slate-800: #1e293b;
  --color-slate-900: #0f172a;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-danger: #dc2626;
  --color-background: #ffffff;
  --color-surface: #f8fafc;
  --color-border: #e2e8f0;
  --color-text-primary: #1a202c;
  --color-text-secondary: #64748b;
  --color-text-muted: #94a3b8;
  --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

:root {
  --font-family-primary:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
  --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
}

:root {
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
}

:root {
  --border-radius-sm: 0.125rem;
  --border-radius-base: 0.25rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  --border-radius-full: 9999px;
}

:root {
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

:root {
  --transition-fast: 0.15s ease-out;
  --transition-base: 0.2s ease-out;
  --transition-slow: 0.3s ease-out;
}

._editorContainer_kay1f_110 {
  width: 100% !important;
  max-width: none !important;
  margin: 16px 0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  flex: 1;
  background-color: white !important;
}
.ra-input ._editorContainer_kay1f_110 {
  width: 100% !important;
  max-width: none !important;
}
.RaSimpleForm-form ._editorContainer_kay1f_110 {
  width: 100% !important;
  max-width: none !important;
}

._editorHeader_kay1f_130 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  background-color: #f8f9fa !important;
  border-bottom: 1px solid #e0e0e0;
}

._editorTitle_kay1f_139 {
  font-weight: 600;
  color: #1976d2 !important;
  margin: 0;
}

._editorActions_kay1f_145 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._templateSelect_kay1f_151 {
  min-width: 200px;
}
._templateSelect_kay1f_151 ._MuiSelect-select_kay1f_154 {
  padding: 8px 12px;
  background-color: white !important;
  color: #333 !important;
}

._insertButton_kay1f_160 {
  margin-left: 8px;
  background-color: #1976d2 !important;
  color: white !important;
}
._insertButton_kay1f_160:hover {
  background-color: #1565c0 !important;
}

._editorContent_kay1f_169 {
  display: flex;
  width: 100%;
  height: 500px !important;
  background-color: white !important;
}

._editorPane_kay1f_176 {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 50%;
  width: 50%;
  background-color: white !important;
  height: 500px !important;
  overflow: hidden;
}

._previewPane_kay1f_187 {
  flex: 1;
  min-width: 50%;
  width: 50%;
  background-color: #fafafa !important;
  height: 500px !important;
  overflow: hidden;
}

._paneDivider_kay1f_196 {
  background-color: #e0e0e0 !important;
  width: 1px !important;
}

._editorToolbar_kay1f_201 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background-color: #f8f9fa !important;
  border-bottom: 1px solid #e0e0e0;
}

._paneTitle_kay1f_210 {
  font-weight: 600;
  color: #333 !important;
  margin: 0;
}

._toolbarButtons_kay1f_216 {
  display: flex;
  gap: 4px;
}
._toolbarButtons_kay1f_216 button {
  min-width: 36px;
  min-height: 36px;
  padding: 6px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  background-color: white !important;
  color: #666 !important;
  transition: all 0.2s ease;
}
._toolbarButtons_kay1f_216 button:hover {
  background-color: #f0f0f0 !important;
  border-color: #1976d2;
  color: #1976d2 !important;
}
._toolbarButtons_kay1f_216 button:active {
  background-color: #e3f2fd !important;
}
._toolbarButtons_kay1f_216 button svg {
  font-size: 18px;
}

._markdownTextarea_kay1f_242 {
  flex: 1;
  width: 100%;
  box-sizing: border-box;
  padding: 16px;
  border: none;
  outline: none;
  resize: none;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
  font-size: 14px;
  line-height: 1.6;
  color: #333 !important;
  background-color: white !important;
}
._markdownTextarea_kay1f_242::placeholder {
  color: #999 !important;
  font-style: italic;
}
._markdownTextarea_kay1f_242:focus {
  box-shadow: inset 0 0 0 2px rgba(25, 118, 210, 0.2);
}

._editorFooter_kay1f_264 {
  padding: 12px 24px;
  background-color: #f8f9fa !important;
  border-top: 1px solid #e0e0e0;
}

@media (max-width: 1024px) {
  ._editorContent_kay1f_169 {
    flex-direction: column;
    height: auto;
    width: 100%;
  }
  ._editorPane_kay1f_176,
  ._previewPane_kay1f_187 {
    flex: none;
    width: 100%;
    min-width: 100%;
  }
  ._markdownTextarea_kay1f_242 {
    min-height: 300px;
    width: 100%;
  }
  ._paneDivider_kay1f_196 {
    display: none;
  }
}
@media (max-width: 768px) {
  ._editorHeader_kay1f_130 {
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
  }
  ._editorActions_kay1f_145 {
    justify-content: center;
    flex-wrap: wrap;
  }
  ._templateSelect_kay1f_151 {
    min-width: 150px;
  }
  ._toolbarButtons_kay1f_216 {
    justify-content: center;
    flex-wrap: wrap;
  }
}
._markdownTextarea_kay1f_242 {
  background-image: linear-gradient(transparent 23px, rgba(0, 0, 0, 0.05) 24px, rgba(0, 0, 0, 0.05) 25px, transparent 26px), linear-gradient(to right, transparent 1px, rgba(0, 0, 0, 0.02) 1px);
  background-size: 100% 26px, 1ch 1em;
  background-position: 0 0, 0 0;
}

._editorActions_kay1f_145 ._MuiButton-root_kay1f_314 {
  transition: all 0.3s ease;
}
._editorActions_kay1f_145 ._MuiButton-root_kay1f_314:disabled {
  opacity: 0.6;
}

._markdownTextarea_kay1f_242 {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
}
._markdownTextarea_kay1f_242::-webkit-scrollbar {
  width: 6px;
}
._markdownTextarea_kay1f_242::-webkit-scrollbar-track {
  background: transparent;
}
._markdownTextarea_kay1f_242::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}
._markdownTextarea_kay1f_242::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

._editorContainer_kay1f_110 ._MuiButton-root_kay1f_314:focus-visible,
._editorContainer_kay1f_110 ._MuiSelect-select_kay1f_154:focus-visible {
  outline: 2px solid #1976d2;
  outline-offset: 2px;
}

@media print {
  ._editorHeader_kay1f_130,
  ._editorToolbar_kay1f_201,
  ._editorFooter_kay1f_264 {
    display: none;
  }
  ._editorContent_kay1f_169 {
    height: auto;
    flex-direction: column;
  }
  ._markdownTextarea_kay1f_242 {
    border: 1px solid #ccc;
    background: white;
    color: black;
  }
}
._overtypeEditor_kay1f_361 {
  flex: 1;
  min-height: 500px;
  width: 100%;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  background-color: white !important;
}
._overtypeEditor_kay1f_361 .overtype-container {
  height: 100% !important;
  border: none !important;
  background: white !important;
}
._overtypeEditor_kay1f_361 .overtype-textarea {
  padding: 16px !important;
  border: none !important;
  outline: none !important;
  resize: none !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #333 !important;
  background-color: white !important;
}
._overtypeEditor_kay1f_361 .overtype-textarea::placeholder {
  color: #999 !important;
  font-style: italic !important;
}
._overtypeEditor_kay1f_361 .overtype-textarea:focus {
  box-shadow: inset 0 0 0 2px rgba(25, 118, 210, 0.2) !important;
}
._overtypeEditor_kay1f_361 .overtype-preview {
  padding: 16px !important;
  background: white !important;
  border: none !important;
  color: #333 !important;
}
._overtypeEditor_kay1f_361 .overtype-toolbar {
  background-color: #f8f9fa !important;
  border-bottom: 1px solid #e0e0e0 !important;
  padding: 8px 16px !important;
}
._overtypeEditor_kay1f_361 .overtype-toolbar button {
  background-color: white !important;
  color: #333 !important;
  border-color: #e0e0e0 !important;
}
._overtypeEditor_kay1f_361 .overtype-toolbar button:hover {
  background-color: #f0f0f0 !important;
  color: #1976d2 !important;
}
._overtypeEditor_kay1f_361 .overtype-stats {
  background-color: #f8f9fa !important;
  border-top: 1px solid #e0e0e0 !important;
  padding: 8px 16px !important;
  font-size: 12px !important;
  color: #666 !important;
}:root {
  --color-primary-50: #eff6ff;
  --color-primary-100: #dbeafe;
  --color-primary-200: #bfdbfe;
  --color-primary-300: #93c5fd;
  --color-primary-400: #60a5fa;
  --color-primary-500: #3b82f6;
  --color-primary-600: #2563eb;
  --color-primary-700: #1d4ed8;
  --color-primary-800: #1e40af;
  --color-primary-900: #1e3a8a;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cbd5e1;
  --color-slate-400: #94a3b8;
  --color-slate-500: #64748b;
  --color-slate-600: #475569;
  --color-slate-700: #334155;
  --color-slate-800: #1e293b;
  --color-slate-900: #0f172a;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-danger: #dc2626;
  --color-background: #ffffff;
  --color-surface: #f8fafc;
  --color-border: #e2e8f0;
  --color-text-primary: #1a202c;
  --color-text-secondary: #64748b;
  --color-text-muted: #94a3b8;
  --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

:root {
  --font-family-primary:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
  --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
}

:root {
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
}

:root {
  --border-radius-sm: 0.125rem;
  --border-radius-base: 0.25rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  --border-radius-full: 9999px;
}

:root {
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

:root {
  --transition-fast: 0.15s ease-out;
  --transition-base: 0.2s ease-out;
  --transition-slow: 0.3s ease-out;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  color: var(--color-text-primary);
  background-color: var(--color-background);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: var(--font-family-mono);
}

#root {
  min-height: 100vh;
}

.app-container {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  font-size: var(--font-size-lg);
  color: var(--color-text-secondary);
}

.error-message {
  color: var(--color-danger);
  text-align: center;
  margin: var(--spacing-4);
  padding: var(--spacing-4);
  border: 1px solid var(--color-error);
  border-radius: var(--border-radius-base);
  background-color: #fef2f2;
  font-size: var(--font-size-sm);
}

/* Reset default margins for headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: var(--font-weight-semibold);
}

/* Reset default margins for paragraphs */
p {
  margin: 0;
}

/* Reset default styles for buttons */
button {
  font-family: inherit;
  font-size: inherit;
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
}

/* Reset default styles for inputs */
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  border: none;
  background: none;
  outline: none;
}

/* Reset default styles for lists */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Reset default styles for links */
a {
  color: inherit;
  text-decoration: none;
}