@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;600;700;800;900&display=swap');/**
 * MainLayout Component Styles
 * @module components/layout/MainLayout.module.css
 * 
 * Design System: Ain-Al-Souq Frontend
 * Version: 2.0
 */

:root {
  --main-bg: #ffffff;
  --main-bg-secondary: #f9fafb;
  --main-text: #111827;
  --main-text-secondary: #6b7280;
  --main-border: #e5e7eb;
  --main-shadow: rgba(0, 0, 0, 0.05);
  --main-shadow-dark: rgba(0, 0, 0, 0.1);
  
  --main-header-height: 60px;
  --main-sidebar-width: 280px;
  
  --main-z-header: 40;
  --main-z-sidebar: 30;
  
  --main-duration: 300ms;
  --main-easing: ease-out;
}

@media (prefers-color-scheme: dark) {
  :root {
    --main-bg: #1f2937;
    --main-bg-secondary: #111827;
    --main-text: #f3f4f6;
    --main-text-secondary: #d1d5db;
    --main-border: #374151;
    --main-shadow: rgba(0, 0, 0, 0.3);
    --main-shadow-dark: rgba(0, 0, 0, 0.5);
  }
}

._layoutContainer_1ow8d_79 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  background-color: var(--main-bg);
  color: var(--main-text);
  direction: rtl;
  transition: background-color 200ms var(--main-easing);
}

._layoutContainer_1ow8d_79._dark_1ow8d_101 {
  background-color: #1f2937;
}

._header_1ow8d_109 {
  background-color: var(--main-bg);
  border-bottom: 1px solid var(--main-border);
  box-shadow: 0 1px 2px 0 var(--main-shadow);
  position: sticky;
  top: 0;
  z-index: var(--main-z-header);
  height: var(--main-header-height);
}

._headerContent_1ow8d_129 {
  display: flex;
  align-items: center;
  gap: 1rem;
  height: 100%;
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
  padding: 0 1rem;
  box-sizing: border-box;
}

._sidebarToggle_1ow8d_153 {
  display: none;
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  padding: 0.5rem;
  color: var(--main-text-secondary);
  transition: all 200ms var(--main-easing);
  border-radius: 0.375rem;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

._sidebarToggle_1ow8d_153:hover {
  color: #3b82f6;
  background-color: var(--main-bg-secondary);
}

._sidebarToggle_1ow8d_153:focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

._toggleIcon_1ow8d_207 {
  display: flex;
  align-items: center;
  justify-content: center;
}

._headerMain_1ow8d_219 {
  flex: 1;
  display: flex;
  align-items: center;
  height: 100%;
}

._mainContainer_1ow8d_233 {
  display: flex;
  flex: 1;
  width: 100%;
  overflow: hidden;
}

._sidebar_1ow8d_153 {
  width: var(--main-sidebar-width);
  background-color: var(--main-bg-secondary);
  border-right: 1px solid var(--main-border);
  overflow-y: auto;
  overflow-x: hidden;
  transition: all 300ms var(--main-easing);
  position: relative;
  flex-shrink: 0;
}

._sidebarOpen_1ow8d_269 {
  transform: translateX(0);
}

._sidebarClosed_1ow8d_277 {
  transform: translateX(-100%);
  position: absolute;
  right: 100%;
  top: var(--main-header-height);
  height: calc(100% - var(--main-header-height));
  z-index: var(--main-z-sidebar);
  box-shadow: -2px 0 8px var(--main-shadow-dark);
}

._sidebarContent_1ow8d_297 {
  padding: 1.5rem;
  box-sizing: border-box;
}

._content_1ow8d_307 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--main-bg-secondary);
}

._contentWrapper_1ow8d_325 {
  flex: 1;
  display: flex;
  flex-direction: column;
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
  padding: 2rem;
  box-sizing: border-box;
}

._footer_1ow8d_347 {
  background-color: var(--main-bg);
  border-top: 1px solid var(--main-border);
  box-shadow: 0 -1px 2px 0 var(--main-shadow);
  margin-top: auto;
}

._footerContent_1ow8d_361 {
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
  padding: 1.5rem;
  box-sizing: border-box;
}

._sidebar_1ow8d_153::-webkit-scrollbar,
._content_1ow8d_307::-webkit-scrollbar {
  width: 6px;
}

._sidebar_1ow8d_153::-webkit-scrollbar-track,
._content_1ow8d_307::-webkit-scrollbar-track {
  background: transparent;
}

._sidebar_1ow8d_153::-webkit-scrollbar-thumb,
._content_1ow8d_307::-webkit-scrollbar-thumb {
  background: var(--main-border);
  border-radius: 3px;
}

._sidebar_1ow8d_153::-webkit-scrollbar-thumb:hover,
._content_1ow8d_307::-webkit-scrollbar-thumb:hover {
  background: var(--main-text-secondary);
}

@media (max-width: 1024px) {
  ._sidebar_1ow8d_153 {
    width: 240px;
  }

  ._contentWrapper_1ow8d_325 {
    padding: 1.5rem;
  }
}

@media (max-width: 768px) {
  ._sidebarToggle_1ow8d_153 {
    display: flex;
  }

  ._sidebar_1ow8d_153 {
    width: 100%;
    position: fixed;
    top: var(--main-header-height);
    right: auto;
    left: 0;
    height: calc(100vh - var(--main-header-height));
  }

  ._sidebarOpen_1ow8d_269 {
    transform: translateX(0);
  }

  ._sidebarClosed_1ow8d_277 {
    transform: translateX(-100%);
  }

  ._mainContainer_1ow8d_233 {
    position: relative;
  }

  ._content_1ow8d_307 {
    width: 100%;
  }

  ._contentWrapper_1ow8d_325 {
    padding: 1rem;
  }

  ._header_1ow8d_109 {
    height: 56px;
  }

  --main-header-height: 56px;
}

@media (max-width: 480px) {
  ._contentWrapper_1ow8d_325 {
    padding: 0.75rem;
  }

  ._sidebarContent_1ow8d_297 {
    padding: 0.75rem;
  }

  ._footerContent_1ow8d_361 {
    padding: 0.75rem;
  }

  ._header_1ow8d_109 {
    height: 52px;
  }

  --main-header-height: 52px;
}

@media (prefers-reduced-motion: reduce) {
  ._sidebar_1ow8d_153,
  ._header_1ow8d_109 {
    transition: none;
  }
}

:focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}/**
 * AdminLayout Component Styles
 * @module components/layout/AdminLayout.module.css
 */

:root {
  --admin-bg: #f3f4f6;
  --admin-bg-light: #ffffff;
  --admin-text: #111827;
  --admin-text-secondary: #6b7280;
  --admin-border: #e5e7eb;
  --admin-shadow: rgba(0, 0, 0, 0.1);
  --admin-shadow-light: rgba(0, 0, 0, 0.05);
  
  --admin-topbar-height: 64px;
  --admin-sidebar-width: 280px;
  --admin-sidebar-collapsed-width: 80px;
  
  --admin-z-topbar: 40;
  --admin-z-sidebar: 30;
  
  --admin-duration: 300ms;
  --admin-easing: ease-out;
}

@media (prefers-color-scheme: dark) {
  :root {
    --admin-bg: #111827;
    --admin-bg-light: #1f2937;
    --admin-text: #f3f4f6;
    --admin-text-secondary: #d1d5db;
    --admin-border: #374151;
    --admin-shadow: rgba(0, 0, 0, 0.3);
    --admin-shadow-light: rgba(0, 0, 0, 0.2);
  }
}

._layoutContainer_89bd0_75 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  background-color: var(--admin-bg);
  color: var(--admin-text);
  direction: rtl;
  transition: background-color 200ms var(--admin-easing);
}

._layoutContainer_89bd0_75._dark_89bd0_97 {
  background-color: #111827;
}

._topBar_89bd0_105 {
  background-color: var(--admin-bg-light);
  border-bottom: 1px solid var(--admin-border);
  box-shadow: 0 1px 3px 0 var(--admin-shadow-light);
  position: sticky;
  top: 0;
  z-index: var(--admin-z-topbar);
  height: var(--admin-topbar-height);
}

._topBarContent_89bd0_125 {
  display: flex;
  align-items: center;
  gap: 1rem;
  height: 100%;
  padding: 0 1.5rem;
  box-sizing: border-box;
}

._toggleButton_89bd0_143 {
  display: flex;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  color: var(--admin-text-secondary);
  transition: all var(--admin-duration) var(--admin-easing);
  border-radius: 0.5rem;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._toggleButton_89bd0_143:hover {
  background-color: var(--admin-bg);
  color: #3b82f6;
}

._toggleButton_89bd0_143:focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

._toggleIcon_89bd0_195 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

._topBarItems_89bd0_209 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.5rem;
}

._mainWrapper_89bd0_225 {
  display: flex;
  flex: 1;
  width: 100%;
  overflow: hidden;
}

._sidebar_89bd0_239 {
  width: var(--admin-sidebar-width);
  background-color: var(--admin-bg-light);
  border-right: 1px solid var(--admin-border);
  display: flex;
  flex-direction: column;
  transition: width var(--admin-duration) var(--admin-easing);
  box-shadow: 1px 0 3px var(--admin-shadow-light);
  flex-shrink: 0;
}

._sidebarCollapsed_89bd0_261 {
  width: var(--admin-sidebar-collapsed-width);
}

._sidebarScroll_89bd0_269 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}

._sidebarScroll_89bd0_269::-webkit-scrollbar {
  width: 6px;
}

._sidebarScroll_89bd0_269::-webkit-scrollbar-track {
  background: transparent;
}

._sidebarScroll_89bd0_269::-webkit-scrollbar-thumb {
  background: var(--admin-border);
  border-radius: 3px;
}

._navigation_89bd0_311 {
  padding: 1rem;
  flex: 1;
}

._sidebarContent_89bd0_321 {
  padding: 1rem;
  border-top: 1px solid var(--admin-border);
  margin-top: auto;
}

._content_89bd0_333 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--admin-bg);
}

._content_89bd0_333::-webkit-scrollbar {
  width: 8px;
}

._content_89bd0_333::-webkit-scrollbar-track {
  background: var(--admin-bg);
}

._content_89bd0_333::-webkit-scrollbar-thumb {
  background: var(--admin-border);
  border-radius: 4px;
}

._contentInner_89bd0_377 {
  flex: 1;
  padding: 2rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (max-width: 1024px) {
  ._sidebar_89bd0_239 {
    width: 240px;
  }

  ._sidebarCollapsed_89bd0_261 {
    width: 70px;
  }

  ._contentInner_89bd0_377 {
    padding: 1.5rem;
  }
}

@media (max-width: 768px) {
  ._sidebar_89bd0_239 {
    position: fixed;
    right: 0;
    top: var(--admin-topbar-height);
    height: calc(100vh - var(--admin-topbar-height));
    width: 280px;
    z-index: var(--admin-z-sidebar);
    transform: translateX(0);
    transition: transform var(--admin-duration) var(--admin-easing);
  }

  ._sidebarCollapsed_89bd0_261 {
    width: 280px;
    transform: translateX(100%);
  }

  ._mainWrapper_89bd0_225 {
    position: relative;
  }

  ._content_89bd0_333 {
    width: 100%;
  }

  ._contentInner_89bd0_377 {
    padding: 1rem;
  }

  ._topBar_89bd0_105 {
    height: 56px;
  }

  ._topBarContent_89bd0_125 {
    padding: 0 1rem;
  }

  --admin-topbar-height: 56px;
}

@media (max-width: 480px) {
  ._topBar_89bd0_105 {
    height: 52px;
  }

  ._topBarContent_89bd0_125 {
    gap: 0.75rem;
    padding: 0 0.75rem;
  }

  ._topBarItems_89bd0_209 {
    gap: 1rem;
  }

  ._contentInner_89bd0_377 {
    padding: 0.75rem;
    gap: 1rem;
  }

  --admin-topbar-height: 52px;
}

@media (prefers-reduced-motion: reduce) {
  ._sidebar_89bd0_239,
  ._topBar_89bd0_105 {
    transition: none;
  }
}

:focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}/**
 * OpportunityCard Styles
 * @file src/components/opportunities/OpportunityCard.module.css
 */

._card_1snub_11 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%);
  border: 2px solid #bfdbfe;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

._card_1snub_11:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(59, 130, 246, 0.2);
  border-color: #3b82f6;
  background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);
}

._card_1snub_11:active {
  transform: translateY(-2px);
}

/* الرأس */
._header_1snub_61 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 2px solid #bfdbfe;
}

._symbolSection_1snub_79 {
  flex: 1;
}

._symbol_1snub_79 {
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
  line-height: 1;
}

._company_1snub_103 {
  font-size: 12px;
  color: #6b7280;
  margin: 4px 0 0 0;
  font-weight: 500;
}

._scoreSection_1snub_117 {
  display: flex;
  align-items: center;
}

._score_1snub_117 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  color: white;
  font-weight: 700;
  font-size: 14px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* السعر والتغيير */
._priceSection_1snub_155 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

._price_1snub_155,
._change_1snub_169 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  padding: 10px;
  background: white;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}

._label_1snub_191 {
  font-size: 11px;
  color: #6b7280;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._value_1snub_207 {
  font-size: 16px;
  font-weight: 700;
  color: #1f2937;
  line-height: 1;
}

._change_1snub_169 {
  align-items: center;
  justify-content: center;
  text-align: center;
}

._icon_1snub_233 {
  font-size: 18px;
}

/* الإحصائيات */
._statsRow_1snub_243 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

._stat_1snub_243 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  text-align: center;
}

._stat_1snub_243 ._value_1snub_207 {
  font-size: 13px;
}

/* الأهداف */
._targets_1snub_287 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

._target_1snub_287 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  text-align: center;
}

._target_1snub_287 ._label_1snub_191 {
  font-size: 11px;
  font-weight: 600;
}

._targetValue_1snub_331 {
  font-size: 14px;
  font-weight: 700;
  color: #1f2937;
}

/* التلميح */
._clickHint_1snub_345 {
  font-size: 12px;
  color: #6b7280;
  text-align: center;
  font-weight: 500;
  padding: 4px;
  opacity: 0.7;
  transition: opacity 0.2s;
}

._card_1snub_11:hover ._clickHint_1snub_345 {
  opacity: 1;
  color: #3b82f6;
}

/* Responsive */
@media (max-width: 640px) {
  ._card_1snub_11 {
    padding: 12px;
    gap: 10px;
  }

  ._symbol_1snub_79 {
    font-size: 20px;
  }

  ._score_1snub_117 {
    width: 48px;
    height: 48px;
    font-size: 12px;
  }

  ._priceSection_1snub_155 {
    flex-direction: column;
  }

  ._statsRow_1snub_243,
  ._targets_1snub_287 {
    grid-template-columns: repeat(2, 1fr);
  }

  ._stat_1snub_243:nth-child(3),
  ._target_1snub_287:nth-child(3) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 480px) {
  ._card_1snub_11 {
    padding: 10px;
  }

  ._header_1snub_61 {
    gap: 8px;
  }

  ._symbol_1snub_79 {
    font-size: 18px;
  }

  ._company_1snub_103 {
    font-size: 11px;
  }

  ._score_1snub_117 {
    width: 44px;
    height: 44px;
  }

  ._statsRow_1snub_243,
  ._targets_1snub_287 {
    grid-template-columns: 1fr;
  }
}

/* RTL Support */
[dir='rtl'] ._header_1snub_61 {
  flex-direction: row-reverse;
}

[dir='rtl'] ._stat_1snub_243 {
  text-align: right;
}

[dir='rtl'] ._target_1snub_287 {
  text-align: right;
}/**
 * OpportunityDetailsHeader Styles
 * @file src/components/opportunities/OpportunityDetailsHeader.module.css
 */

._container_pgtaq_11 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%);
  border: 2px solid #bfdbfe;
  border-radius: 12px;
}

._topRow_pgtaq_31 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

._symbolSection_pgtaq_45 {
  flex: 1;
}

._symbol_pgtaq_45 {
  font-size: 36px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
  line-height: 1;
}

._company_pgtaq_69 {
  font-size: 14px;
  color: #6b7280;
  margin: 4px 0 0 0;
  font-weight: 500;
}

._sector_pgtaq_83 {
  font-size: 12px;
  color: #9ca3af;
  margin: 2px 0 0 0;
}

._priceSection_pgtaq_95 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-end;
  text-align: right;
}

._priceGroup_pgtaq_111 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._priceLabel_pgtaq_123 {
  font-size: 11px;
  color: #6b7280;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._priceValue_pgtaq_139 {
  font-size: 28px;
  font-weight: 700;
  color: #1f2937;
  line-height: 1;
}

._changeGroup_pgtaq_153 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
}

._changeIcon_pgtaq_167 {
  font-size: 18px;
}

._changeValue_pgtaq_175 {
  font-size: 18px;
}

._favoriteButton_pgtaq_183 {
  font-size: 28px;
  border: none;
  background: none;
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: all 0.2s ease;
  width: 44px;
  height: 44px;
}

._favoriteButton_pgtaq_183:hover {
  background-color: rgba(239, 68, 68, 0.1);
  transform: scale(1.15);
}

._favoriteButton_pgtaq_183:active {
  transform: scale(0.95);
}

._statsRow_pgtaq_231 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 12px;
  padding: 12px;
  background: white;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}

._stat_pgtaq_231 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px;
  background-color: #f9fafb;
  border-radius: 6px;
}

._statLabel_pgtaq_269 {
  font-size: 11px;
  color: #6b7280;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._statValue_pgtaq_285 {
  font-size: 16px;
  font-weight: 700;
  color: #1f2937;
  line-height: 1;
}

._rrQuality_pgtaq_299 {
  font-size: 11px;
  font-weight: 500;
  color: #6b7280;
  margin-left: 4px;
}

._targetsRow_pgtaq_313 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._targetGroup_pgtaq_325 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 12px;
}

._target_pgtaq_313 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}

._targetLabel_pgtaq_357 {
  font-size: 11px;
  color: #6b7280;
  font-weight: 600;
}

._targetValue_pgtaq_369 {
  font-size: 18px;
  font-weight: 700;
  color: #1f2937;
  line-height: 1;
}

._targetGain_pgtaq_383,
._targetLoss_pgtaq_385 {
  font-size: 12px;
  font-weight: 600;
  margin-top: 4px;
}

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

._lineTrack_pgtaq_409 {
  position: relative;
  height: 8px;
  background: linear-gradient(
    90deg,
    #ef4444 0%,
    #fbbf24 50%,
    #10b981 100%
  );
  border-radius: 4px;
  overflow: hidden;
}

._lineEntry_pgtaq_435 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: white;
  border: 3px solid #3b82f6;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

._lineTarget_pgtaq_459 {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) translateX(6px);
  width: 12px;
  height: 12px;
  background: white;
  border: 3px solid #10b981;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

._lineLabels_pgtaq_485 {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
}

/* Responsive */
@media (max-width: 768px) {
  ._topRow_pgtaq_31 {
    flex-direction: column;
    align-items: flex-start;
  }

  ._priceSection_pgtaq_95 {
    align-items: flex-start;
    text-align: left;
  }

  ._symbol_pgtaq_45 {
    font-size: 28px;
  }

  ._priceValue_pgtaq_139 {
    font-size: 24px;
  }

  ._changeValue_pgtaq_175,
  ._changeIcon_pgtaq_167 {
    font-size: 16px;
  }

  ._statsRow_pgtaq_231 {
    grid-template-columns: repeat(2, 1fr);
  }

  ._targetGroup_pgtaq_325 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  ._container_pgtaq_11 {
    padding: 14px;
    gap: 12px;
  }

  ._topRow_pgtaq_31 {
    gap: 10px;
  }

  ._symbol_pgtaq_45 {
    font-size: 24px;
  }

  ._company_pgtaq_69 {
    font-size: 12px;
  }

  ._priceValue_pgtaq_139 {
    font-size: 20px;
  }

  ._favoriteButton_pgtaq_183 {
    font-size: 24px;
    width: 40px;
    height: 40px;
  }

  ._statsRow_pgtaq_231 {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    padding: 8px;
  }

  ._stat_pgtaq_231 {
    padding: 6px;
  }

  ._statLabel_pgtaq_269 {
    font-size: 10px;
  }

  ._statValue_pgtaq_285 {
    font-size: 14px;
  }

  ._target_pgtaq_313 {
    padding: 8px;
  }

  ._targetValue_pgtaq_369 {
    font-size: 16px;
  }
}

/* RTL Support */
[dir='rtl'] ._topRow_pgtaq_31 {
  flex-direction: row-reverse;
}

[dir='rtl'] ._symbolSection_pgtaq_45 {
  text-align: right;
}

[dir='rtl'] ._priceSection_pgtaq_95 {
  align-items: flex-start;
  text-align: left;
}

[dir='rtl'] ._changeGroup_pgtaq_153 {
  flex-direction: row-reverse;
}

[dir='rtl'] ._rrQuality_pgtaq_299 {
  margin-left: 0;
  margin-right: 4px;
}

[dir='rtl'] ._lineLabels_pgtaq_485 {
  flex-direction: row-reverse;
}

[dir='rtl'] ._lineEntry_pgtaq_435 {
  left: auto;
}

/* Animations */
@keyframes _slideIn_pgtaq_1 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

._container_pgtaq_11 {
  animation: _slideIn_pgtaq_1 0.3s ease-out;
}/**
 * OpportunityScoreBreakdown Styles
 * @file src/components/opportunities/OpportunityScoreBreakdown.module.css
 */

._container_zgx6x_11 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 20px;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  border: 1px solid #e5e7eb;
  border-radius: 12px;
}

._header_zgx6x_31 {
  border-bottom: 2px solid #e5e7eb;
  padding-bottom: 16px;
}

._title_zgx6x_41 {
  font-size: 18px;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 4px 0;
}

._subtitle_zgx6x_55 {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}

/* ======================= Signals Section ======================= */

._signalsSection_zgx6x_71 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._sectionTitle_zgx6x_83 {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin: 0 0 12px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._signalsList_zgx6x_101 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._signalItem_zgx6x_113 {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 12px;
  background: white;
  border-radius: 8px;
  border: 1px solid #f3f4f6;
  transition: all 0.3s ease;
}

._signalItem_zgx6x_113:hover {
  border-color: #d1d5db;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

._signalRank_zgx6x_147 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  font-weight: 700;
  font-size: 14px;
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: white;
  border-radius: 50%;
  flex-shrink: 0;
}

._signalInfo_zgx6x_175 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

._signalNameRow_zgx6x_189 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

._signalName_zgx6x_189 {
  font-weight: 600;
  font-size: 13px;
  color: #1f2937;
}

._signalValue_zgx6x_215 {
  font-weight: 700;
  font-size: 14px;
  white-space: nowrap;
}

._signalDescription_zgx6x_227 {
  font-size: 12px;
  color: #6b7280;
  margin: 0;
  line-height: 1.3;
}

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

._bar_zgx6x_241 {
  width: 100px;
  height: 6px;
  background-color: #e5e7eb;
  border-radius: 3px;
  overflow: hidden;
}

._barFill_zgx6x_269 {
  height: 100%;
  border-radius: 3px;
  transition: width 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

._averageSignal_zgx6x_281 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  background: #f0f9ff;
  border-left: 4px solid #3b82f6;
  border-radius: 6px;
  margin-top: 8px;
}

._label_zgx6x_303 {
  font-size: 13px;
  font-weight: 600;
  color: #1f2937;
}

._value_zgx6x_315 {
  font-size: 16px;
  font-weight: 700;
}

/* ======================= Calculation Section ======================= */

._calculationSection_zgx6x_329 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._calculationFlow_zgx6x_341 {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 12px;
  align-items: center;
  background: white;
  padding: 14px;
  border-radius: 8px;
  border: 1px solid #f3f4f6;
}

._step_zgx6x_363 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  background: #f9fafb;
  border-radius: 6px;
  text-align: center;
}

._stepNumber_zgx6x_383 {
  width: 28px;
  height: 28px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  font-weight: 700;
  font-size: 14px;
  border-radius: 50%;
}

._stepLabel_zgx6x_411 {
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._stepValue_zgx6x_429 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

._stepDescription_zgx6x_441 {
  font-size: 11px;
  color: #6b7280;
  margin: 0;
  line-height: 1.2;
}

._operator_zgx6x_455 {
  font-size: 20px;
  font-weight: 700;
  color: #d1d5db;
  text-align: center;
  padding: 0 4px;
}

/* ======================= Risk Summary ======================= */

._riskSummary_zgx6x_475 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  background: #fef2f2;
  padding: 14px;
  border-left: 4px solid #ef4444;
  border-radius: 6px;
}

._riskItem_zgx6x_495 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

._riskLabel_zgx6x_509 {
  font-size: 12px;
  font-weight: 600;
  color: #374151;
}

._riskValue_zgx6x_521 {
  font-size: 14px;
  font-weight: 700;
  color: #7c2d12;
}

/* ======================= Tip ======================= */

._tip_zgx6x_537 {
  padding: 12px;
  background: #ecfdf5;
  border-left: 4px solid #10b981;
  border-radius: 6px;
  font-size: 12px;
  color: #065f46;
  line-height: 1.5;
}

._tip_zgx6x_537 strong {
  font-weight: 700;
}

/* ======================= Responsive ======================= */

@media (max-width: 768px) {
  ._container_zgx6x_11 {
    padding: 16px;
    gap: 18px;
  }

  ._calculationFlow_zgx6x_341 {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  ._operator_zgx6x_455 {
    display: none;
  }

  ._step_zgx6x_363 {
    order: attr(data-order);
  }

  ._riskSummary_zgx6x_475 {
    grid-template-columns: 1fr;
  }

  ._signalItem_zgx6x_113 {
    grid-template-columns: 1fr;
  }

  ._signalRank_zgx6x_147 {
    display: none;
  }

  ._barContainer_zgx6x_241 {
    display: none;
  }
}

@media (max-width: 480px) {
  ._container_zgx6x_11 {
    padding: 12px;
    gap: 14px;
  }

  ._title_zgx6x_41 {
    font-size: 16px;
  }

  ._subtitle_zgx6x_55 {
    font-size: 12px;
  }

  ._sectionTitle_zgx6x_83 {
    font-size: 12px;
  }

  ._signalNameRow_zgx6x_189 {
    flex-direction: column;
    align-items: flex-start;
  }

  ._averageSignal_zgx6x_281 {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  ._stepValue_zgx6x_429 {
    font-size: 16px;
  }

  ._riskSummary_zgx6x_475 {
    padding: 10px;
  }

  ._riskItem_zgx6x_495 {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ======================= Animations ======================= */

@keyframes _slideInUp_zgx6x_1 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

._signalItem_zgx6x_113 {
  animation: _slideInUp_zgx6x_1 0.3s ease-out backwards;
}

._signalItem_zgx6x_113:nth-child(1) {
  animation-delay: 0s;
}

._signalItem_zgx6x_113:nth-child(2) {
  animation-delay: 0.05s;
}

._signalItem_zgx6x_113:nth-child(3) {
  animation-delay: 0.1s;
}

._signalItem_zgx6x_113:nth-child(4) {
  animation-delay: 0.15s;
}

/* RTL Support */
[dir='rtl'] ._calculationFlow_zgx6x_341 {
  grid-template-columns: 1fr auto 1fr auto 1fr;
  direction: rtl;
}

[dir='rtl'] ._riskSummary_zgx6x_475 {
  border-right: 4px solid #ef4444;
  border-left: none;
}

[dir='rtl'] ._tip_zgx6x_537 {
  border-right: 4px solid #10b981;
  border-left: none;
}/**
 * OpportunitySignalsGrid Styles
 * @file src/components/opportunities/OpportunitySignalsGrid.module.css
 */

._grid_1sj8o_11 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 16px;
  width: 100%;
}

._signalCard_1sj8o_25 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  transition: all 0.3s ease;
  cursor: pointer;
}

._signalCard_1sj8o_25:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  border-color: #3b82f6;
}

._header_1sj8o_61 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

._name_1sj8o_75 {
  font-size: 13px;
  font-weight: 600;
  color: #1f2937;
  flex: 1;
}

._strength_1sj8o_89 {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

._strength_1sj8o_89._strong_1sj8o_107 {
  background-color: #d1fae5;
  border-radius: 50%;
}

._strength_1sj8o_89._moderate_1sj8o_117 {
  background-color: #fef3c7;
  border-radius: 50%;
}

._strength_1sj8o_89._weak_1sj8o_127 {
  background-color: #fee2e2;
  border-radius: 50%;
}

._value_1sj8o_137 {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}

._bar_1sj8o_151 {
  width: 100%;
  height: 6px;
  background-color: #e5e7eb;
  border-radius: 3px;
  overflow: hidden;
}

._barFill_1sj8o_167 {
  height: 100%;
  border-radius: 3px;
  transition: width 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

._footer_1sj8o_179 {
  display: flex;
  justify-content: center;
}

._strengthLabel_1sj8o_189 {
  font-size: 11px;
  color: #6b7280;
  font-weight: 500;
  text-transform: capitalize;
}

/* Responsive */
@media (max-width: 768px) {
  ._grid_1sj8o_11 {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  ._signalCard_1sj8o_25 {
    padding: 12px;
  }

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

@media (max-width: 480px) {
  ._grid_1sj8o_11 {
    grid-template-columns: 1fr;
  }

  ._signalCard_1sj8o_25 {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 12px;
  }

  ._header_1sj8o_61 {
    grid-column: 1 / -1;
    order: -1;
  }

  ._value_1sj8o_137 {
    font-size: 16px;
    text-align: left;
  }

  ._bar_1sj8o_151 {
    grid-column: 2;
    height: 4px;
  }

  ._footer_1sj8o_179 {
    grid-column: 3;
    justify-content: flex-end;
  }
}

/* Animations */
@keyframes _slideIn_1sj8o_1 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

._signalCard_1sj8o_25 {
  animation: _slideIn_1sj8o_1 0.3s ease-out;
}

._signalCard_1sj8o_25:nth-child(2) {
  animation-delay: 0.05s;
}

._signalCard_1sj8o_25:nth-child(3) {
  animation-delay: 0.1s;
}

._signalCard_1sj8o_25:nth-child(4) {
  animation-delay: 0.15s;
}

/* RTL Support */
[dir='rtl'] ._header_1sj8o_61 {
  flex-direction: row-reverse;
}

[dir='rtl'] ._strengthLabel_1sj8o_189 {
  text-align: right;
}/**
 * OpportunityRegimeBadge Styles
 * @file src/components/opportunities/OpportunityRegimeBadge.module.css
 */

._badge_11as7_11 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border: 2px solid;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease;
}

._badge_11as7_11:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

._icon_11as7_43 {
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._content_11as7_57 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._regime_11as7_69 {
  font-size: 12px;
  font-weight: 600;
  color: #1f2937;
  line-height: 1;
}

._confidence_11as7_83 {
  display: flex;
  align-items: baseline;
  gap: 4px;
  font-size: 11px;
}

._confidenceValue_11as7_97 {
  font-weight: 700;
  font-size: 12px;
}

._confidenceLabel_11as7_107 {
  color: #6b7280;
  font-size: 10px;
}

._confidenceBar_11as7_117 {
  width: 40px;
  height: 4px;
  background-color: #e5e7eb;
  border-radius: 2px;
  overflow: hidden;
  margin-left: auto;
}

._confidenceBarFill_11as7_135 {
  height: 100%;
  border-radius: 2px;
  transition: width 0.5s ease;
}

/* Responsive */
@media (max-width: 640px) {
  ._badge_11as7_11 {
    padding: 6px 10px;
    gap: 8px;
  }

  ._icon_11as7_43 {
    font-size: 16px;
  }

  ._regime_11as7_69 {
    font-size: 11px;
  }

  ._confidence_11as7_83 {
    font-size: 10px;
  }

  ._confidenceBar_11as7_117 {
    width: 30px;
  }
}

/* RTL Support */
[dir='rtl'] ._badge_11as7_11 {
  flex-direction: row-reverse;
}

[dir='rtl'] ._confidenceBar_11as7_117 {
  margin-left: 0;
  margin-right: auto;
}/**
 * OpportunityRiskMetrics Styles
 * @file src/components/opportunities/OpportunityRiskMetrics.module.css
 */

._container_t9ora_11 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  background: linear-gradient(135deg, #fef2f2 0%, #fff5f5 100%);
  border: 2px solid #fee2e2;
  border-radius: 12px;
}

._header_t9ora_31 {
  border-bottom: 2px solid #fecaca;
  padding-bottom: 12px;
}

._title_t9ora_41 {
  font-size: 18px;
  font-weight: 700;
  color: #7c2d12;
  margin: 0;
}

._metricsGrid_t9ora_55 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
}

._metricCard_t9ora_67 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  background: white;
  border: 1px solid #fecaca;
  border-radius: 8px;
  transition: all 0.3s ease;
  cursor: help;
}

._metricCard_t9ora_67:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.1);
  border-color: #f87171;
}

._icon_t9ora_103 {
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._content_t9ora_119 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}

._label_t9ora_135 {
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._value_t9ora_153 {
  font-size: 16px;
  font-weight: 700;
  color: #7c2d12;
  display: flex;
  align-items: baseline;
  gap: 4px;
}

._unit_t9ora_171 {
  font-size: 12px;
  font-weight: 500;
  color: #d97706;
}

._positionSize_t9ora_183 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px;
  background: linear-gradient(135deg, #fef3c7 0%, #fef9e7 100%);
  border-left: 4px solid #f59e0b;
  border-radius: 6px;
  margin-top: 8px;
}

._positionSizeLabel_t9ora_205 {
  font-size: 12px;
  font-weight: 600;
  color: #78350f;
}

._positionSizeValue_t9ora_217 {
  font-size: 24px;
  font-weight: 700;
  color: #d97706;
}

._positionSizeDesc_t9ora_229 {
  font-size: 11px;
  color: #92400e;
}

@media (max-width: 640px) {
  ._metricsGrid_t9ora_55 {
    grid-template-columns: repeat(2, 1fr);
  }

  ._container_t9ora_11 {
    padding: 14px;
    gap: 12px;
  }
}

@media (max-width: 480px) {
  ._metricsGrid_t9ora_55 {
    grid-template-columns: 1fr;
  }

  ._title_t9ora_41 {
    font-size: 16px;
  }
}/* ======================= RiskGauge ======================= */

._container_pczel_5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 20px;
  background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%);
  border: 2px solid #bbf7d0;
  border-radius: 12px;
}

._gaugeWrapper_pczel_27 {
  position: relative;
  width: 180px;
  height: 180px;
}

._gauge_pczel_27 {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
}

._gaugeText_pczel_51 {
  font-size: 32px;
  font-weight: 700;
  fill: #1f2937;
}

._gaugeSubtext_pczel_63 {
  font-size: 14px;
  fill: #6b7280;
  font-weight: 500;
}

._riskBadge_pczel_75 {
  position: absolute;
  bottom: -10px;
  right: 50%;
  transform: translateX(50%);
  padding: 8px 16px;
  background-color: #10b981;
  color: white;
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

._riskLabel_pczel_109 {
  display: block;
}

._riskLevel_pczel_117 {
  display: block;
  font-weight: 700;
  font-size: 11px;
}

._positionInfo_pczel_129 {
  text-align: center;
  width: 100%;
  padding-top: 20px;
  border-top: 2px solid #bbf7d0;
}

._positionLabel_pczel_143 {
  font-size: 12px;
  color: #6b7280;
  font-weight: 600;
  margin-bottom: 4px;
}

._positionValue_pczel_157 {
  font-size: 24px;
  font-weight: 700;
  color: #059669;
}/**
 * OpportunityOptionsSummary Styles
 * @file src/components/opportunities/OpportunityOptionsSummary.module.css
 */

._container_tbv47_11 {
  padding: 16px;
  background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%);
  border: 2px solid #bfdbfe;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._title_tbv47_31 {
  font-size: 14px;
  font-weight: 700;
  color: #1e3a8a;
  margin: 0;
  border-bottom: 2px solid #3b82f6;
  padding-bottom: 8px;
}

._contractHeader_tbv47_49 {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  background: white;
  border-radius: 8px;
  border: 1px solid #dbeafe;
}

._contractType_tbv47_71 {
  display: flex;
  align-items: center;
  gap: 6px;
}

._typeIcon_tbv47_83 {
  font-size: 18px;
}

._typeLabel_tbv47_91 {
  font-weight: 600;
  font-size: 13px;
  color: #1f2937;
}

._strike_tbv47_103 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._strikeLabel_tbv47_115 {
  font-size: 10px;
  color: #6b7280;
  font-weight: 600;
}

._strikeValue_tbv47_127 {
  font-size: 14px;
  font-weight: 700;
  color: #3b82f6;
}

._dte_tbv47_139 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: center;
}

._dteLabel_tbv47_153 {
  font-size: 10px;
  color: #6b7280;
  font-weight: 600;
}

._dteValue_tbv47_165 {
  font-size: 14px;
  font-weight: 700;
  color: #1f2937;
}

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

._detailRow_tbv47_189 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  background-color: #f9fafb;
  border-radius: 6px;
  font-size: 13px;
}

._label_tbv47_209 {
  font-weight: 600;
  color: #6b7280;
}

._value_tbv47_219 {
  font-weight: 700;
  color: #1f2937;
}

._liquidity_tbv47_229 {
  padding: 4px 8px;
  border-radius: 4px;
  color: white;
  font-weight: 600;
  font-size: 11px;
}

._confidenceBar_tbv47_245 {
  flex: 1;
  height: 4px;
  background-color: #e5e7eb;
  border-radius: 2px;
  margin: 0 8px;
  overflow: hidden;
}

._confidenceFill_tbv47_263 {
  height: 100%;
  transition: width 0.5s ease;
}

._confidencePercent_tbv47_273 {
  font-weight: 700;
  min-width: 40px;
  text-align: right;
}

._greeks_tbv47_285 {
  padding: 10px;
  background-color: #f0fdf4;
  border-left: 3px solid #10b981;
  border-radius: 6px;
}

._greeksTitle_tbv47_299 {
  font-size: 12px;
  font-weight: 600;
  color: #065f46;
  margin: 0 0 8px 0;
}

._greeksList_tbv47_313 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

._greekItem_tbv47_325 {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
}

._greekLabel_tbv47_337 {
  color: #6b7280;
  font-weight: 500;
}

._greekValue_tbv47_347 {
  font-weight: 700;
  color: #065f46;
}

._warnings_tbv47_357 {
  padding: 10px;
  background-color: #fef2f2;
  border-left: 3px solid #ef4444;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._warningItem_tbv47_377 {
  font-size: 12px;
  color: #7c2d12;
}

._button_tbv47_387 {
  padding: 10px 16px;
  background-color: #3b82f6;
  color: white;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 8px;
}

._button_tbv47_387:hover {
  background-color: #2563eb;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

@media (max-width: 640px) {
  ._contractHeader_tbv47_49 {
    grid-template-columns: auto 1fr;
    gap: 8px;
  }

  ._greeksList_tbv47_313 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  ._container_tbv47_11 {
    padding: 12px;
  }

  ._contractHeader_tbv47_49 {
    grid-template-columns: 1fr;
  }

  ._detailRow_tbv47_189 {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}

[dir='rtl'] ._detailRow_tbv47_189 {
  direction: rtl;
}

[dir='rtl'] ._label_tbv47_209 {
  text-align: right;
}/**
 * OpportunityOptionContractCard Styles
 * @file src/components/opportunities/OpportunityOptionContractCard.module.css
 */

._card_1dte1_11 {
  padding: 16px;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: all 0.3s ease;
}

._card_1dte1_11:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  border-color: #3b82f6;
}

._header_1dte1_43 {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 12px;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #f3f4f6;
}

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

._typeBadge_1dte1_73 {
  padding: 4px 10px;
  border-radius: 4px;
  color: white;
  font-weight: 600;
  font-size: 11px;
}

._moneynessTag_1dte1_89 {
  padding: 4px 8px;
  border-radius: 4px;
  color: white;
  font-weight: 600;
  font-size: 10px;
}

._strikeInfo_1dte1_105 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: center;
}

._label_1dte1_119 {
  font-size: 10px;
  color: #6b7280;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._strike_1dte1_105 {
  font-size: 16px;
  font-weight: 700;
  color: #1f2937;
}

._dteInfo_1dte1_147 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: center;
}

._dte_1dte1_147 {
  font-size: 14px;
  font-weight: 700;
  color: #3b82f6;
}

._prices_1dte1_173 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 10px;
  background-color: #f9fafb;
  border-radius: 6px;
  font-size: 12px;
}

._priceItem_1dte1_195 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: center;
}

._price_1dte1_173 {
  font-weight: 700;
  color: #1f2937;
  font-size: 13px;
}

._divider_1dte1_221 {
  color: #d1d5db;
}

._greeks_1dte1_229 {
  padding: 12px;
  background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);
  border: 1px solid #bbf7d0;
  border-radius: 8px;
}

._greeksTitle_1dte1_243 {
  font-size: 12px;
  font-weight: 700;
  color: #065f46;
  margin: 0 0 10px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._greeksList_1dte1_261 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

._greekCard_1dte1_273 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 8px;
  background: white;
  border-radius: 6px;
  border: 1px solid #dcfce7;
}

._greekSymbol_1dte1_295 {
  font-size: 18px;
  font-weight: 700;
  color: #059669;
}

._greekLabel_1dte1_307 {
  font-size: 10px;
  color: #6b7280;
  font-weight: 600;
}

._greekValue_1dte1_319 {
  font-size: 13px;
  font-weight: 700;
  color: #1f2937;
}

._greekDesc_1dte1_331 {
  font-size: 9px;
  color: #9ca3af;
}

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

._detailRow_1dte1_353 {
  display: flex;
  justify-content: space-between;
  padding: 8px;
  background-color: #f9fafb;
  border-radius: 6px;
  font-size: 12px;
}

._value_1dte1_371 {
  font-weight: 700;
  color: #1f2937;
}

._warnings_1dte1_381 {
  padding: 10px;
  background: linear-gradient(135deg, #fef2f2 0%, #fef9e7 100%);
  border: 1px solid #fecaca;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._warningItem_1dte1_401 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
}

._warningIcon_1dte1_415 {
  font-size: 14px;
  flex-shrink: 0;
}

._warningText_1dte1_425 {
  color: #7c2d12;
  line-height: 1.3;
}

._button_1dte1_435 {
  padding: 10px 16px;
  background-color: #10b981;
  color: white;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 4px;
}

._button_1dte1_435:hover {
  background-color: #059669;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

._button_1dte1_435:active {
  transform: translateY(0);
}

@media (max-width: 768px) {
  ._greeksList_1dte1_261 {
    grid-template-columns: repeat(2, 1fr);
  }

  ._header_1dte1_43 {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

@media (max-width: 480px) {
  ._card_1dte1_11 {
    padding: 12px;
  }

  ._prices_1dte1_173 {
    flex-direction: column;
    gap: 6px;
  }

  ._greeksList_1dte1_261 {
    grid-template-columns: 1fr;
  }

  ._greekCard_1dte1_273 {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 6px;
  }

  ._greekSymbol_1dte1_295 {
    font-size: 16px;
  }
}

[dir='rtl'] ._detailRow_1dte1_353 {
  direction: rtl;
}

[dir='rtl'] ._warningItem_1dte1_401 {
  direction: rtl;
}/**
 * OpportunityExitSummary Styles
 * @file src/components/opportunities/OpportunityExitSummary.module.css
 */

._container_irkiw_11 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px;
  background: linear-gradient(135deg, #fef3c7 0%, #fef9e7 100%);
  border: 2px solid #fcd34d;
  border-radius: 10px;
}

._header_irkiw_31 {
  border-left: 4px solid;
  padding-left: 12px;
  padding-bottom: 10px;
  border-bottom: 2px solid #fcd34d;
}

._title_irkiw_45 {
  font-size: 14px;
  font-weight: 700;
  color: #92400e;
  margin: 0;
}

._exitTypeSection_irkiw_59 {
  display: flex;
  justify-content: center;
}

._exitTypeBadge_irkiw_69 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 6px;
  color: white;
  font-weight: 600;
  font-size: 13px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

._exitTypeIcon_irkiw_93 {
  font-size: 18px;
}

._exitTypeText_irkiw_101 {
  font-weight: 700;
}

._reasonSection_irkiw_109 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px;
  background: white;
  border-radius: 6px;
  border: 1px solid #fcd34d;
}

._reasonLabel_irkiw_129 {
  font-size: 11px;
  font-weight: 600;
  color: #92400e;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._reasonText_irkiw_145 {
  font-size: 13px;
  font-weight: 600;
  color: #78350f;
  line-height: 1.5;
}

._detailsGrid_irkiw_159 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

._detail_irkiw_159 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px;
  background: white;
  border: 1px solid #fcd34d;
  border-radius: 6px;
  text-align: center;
}

._detailLabel_irkiw_193 {
  font-size: 11px;
  font-weight: 600;
  color: #92400e;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._detailValue_irkiw_209 {
  font-size: 14px;
  font-weight: 700;
  color: #78350f;
}

._pnlSection_irkiw_221 {
  padding: 12px;
  background: white;
  border-top: 3px solid;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._pnlRow_irkiw_241 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

._pnlLabel_irkiw_255 {
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
}

._pnlPercent_irkiw_267 {
  font-size: 16px;
  font-weight: 700;
}

._pnlAmount_irkiw_277 {
  text-align: right;
  font-size: 13px;
  font-weight: 600;
}

._holdDuration_irkiw_289 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  background: white;
  border-radius: 6px;
  border: 1px solid #fcd34d;
  font-size: 12px;
}

._holdLabel_irkiw_311 {
  font-weight: 600;
  color: #6b7280;
}

._holdValue_irkiw_321 {
  font-weight: 700;
  color: #78350f;
}

._confidenceBar_irkiw_331 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px;
  background: white;
  border-radius: 6px;
}

._confidenceTrack_irkiw_349 {
  flex: 1;
  height: 6px;
  background-color: #e5e7eb;
  border-radius: 3px;
  overflow: hidden;
}

._confidenceFill_irkiw_365 {
  height: 100%;
  border-radius: 3px;
  transition: width 0.5s ease;
}

._confidenceText_irkiw_377 {
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  white-space: nowrap;
}

/* Responsive */
@media (max-width: 640px) {
  ._container_irkiw_11 {
    padding: 12px;
    gap: 12px;
  }

  ._detailsGrid_irkiw_159 {
    grid-template-columns: repeat(2, 1fr);
  }

  ._detail_irkiw_159:nth-child(3) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 480px) {
  ._container_irkiw_11 {
    padding: 10px;
  }

  ._detailsGrid_irkiw_159 {
    grid-template-columns: 1fr;
  }

  ._pnlRow_irkiw_241 {
    flex-direction: column;
    align-items: flex-start;
  }

  ._confidenceBar_irkiw_331 {
    flex-direction: column;
    align-items: flex-start;
  }

  ._confidenceTrack_irkiw_349 {
    width: 100%;
  }
}

/* RTL Support */
[dir='rtl'] ._reasonText_irkiw_145 {
  text-align: right;
}

[dir='rtl'] ._detailValue_irkiw_209 {
  text-align: center;
}

[dir='rtl'] ._pnlRow_irkiw_241 {
  flex-direction: row-reverse;
}

[dir='rtl'] ._holdDuration_irkiw_289 {
  flex-direction: row-reverse;
}

[dir='rtl'] ._confidenceBar_irkiw_331 {
  flex-direction: row-reverse;
}/**
 * OpportunityExitConditionsList Styles
 * @file src/components/opportunities/OpportunityExitConditionsList.module.css
 */

._container_122ga_11 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px;
  background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%);
  border: 2px solid #bbf7d0;
  border-radius: 10px;
}

._header_122ga_31 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 2px solid #bbf7d0;
}

._title_122ga_47 {
  font-size: 14px;
  font-weight: 700;
  color: #065f46;
  margin: 0;
}

._stats_122ga_61 {
  display: flex;
  gap: 12px;
}

._statItem_122ga_71 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #047857;
}

._triggered_122ga_89 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  background-color: #10b981;
  color: white;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 700;
}

._statText_122ga_115 {
  font-weight: 700;
}

._progressBar_122ga_123 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px;
  background: white;
  border-radius: 6px;
  border: 1px solid #bbf7d0;
}

._progressTrack_122ga_143 {
  flex: 1;
  height: 8px;
  background-color: #e5e7eb;
  border-radius: 4px;
  overflow: hidden;
}

._progressFill_122ga_159 {
  height: 100%;
  background-color: #10b981;
  border-radius: 4px;
  transition: width 0.6s ease;
}

._progressText_122ga_173 {
  font-size: 12px;
  font-weight: 700;
  color: #047857;
  min-width: 35px;
  text-align: right;
}

._conditionsList_122ga_189 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._conditionItem_122ga_201 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  background: white;
  border: 1px solid #dbeafe;
  border-left: 4px solid #bbf7d0;
  border-radius: 6px;
  transition: all 0.3s ease;
}

._conditionItem_122ga_201._triggered_122ga_89 {
  background: linear-gradient(135deg, #ecfdf5 0%, #f9fafb 100%);
  border-color: #10b981;
  border-left-color: #10b981;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.2);
}

._conditionHeader_122ga_239 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

._icon_122ga_251 {
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

._conditionInfo_122ga_269 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}

._conditionName_122ga_283 {
  font-size: 13px;
  font-weight: 600;
  color: #1f2937;
}

._conditionDesc_122ga_295 {
  font-size: 11px;
  color: #6b7280;
  margin: 0;
  line-height: 1.3;
}

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

._valueTrack_122ga_321 {
  flex: 1;
  height: 6px;
  background-color: #e5e7eb;
  border-radius: 3px;
  overflow: hidden;
}

._valueFill_122ga_337 {
  height: 100%;
  background-color: #f59e0b;
  border-radius: 3px;
  transition: all 0.4s ease;
}

._valueFill_122ga_337._complete_122ga_351 {
  background-color: #10b981;
}

._valueText_122ga_359 {
  font-size: 12px;
  font-weight: 700;
  color: #1f2937;
  min-width: 35px;
  text-align: right;
}

._conditionFooter_122ga_375 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  font-size: 11px;
}

._threshold_122ga_389,
._confidence_122ga_391,
._status_122ga_393 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  padding: 6px;
  background-color: #f9fafb;
  border-radius: 4px;
}

._thresholdLabel_122ga_413,
._confidenceLabel_122ga_415 {
  font-weight: 600;
  color: #6b7280;
}

._thresholdValue_122ga_425,
._confidenceValue_122ga_427 {
  font-weight: 700;
  color: #1f2937;
}

._statusTriggered_122ga_437 {
  font-weight: 700;
  color: #10b981;
  display: flex;
  align-items: center;
  gap: 4px;
}

._statusPending_122ga_453 {
  font-weight: 600;
  color: #6b7280;
  display: flex;
  align-items: center;
  gap: 4px;
}

._importanceBar_122ga_469 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
}

._importanceLabel_122ga_483 {
  font-weight: 600;
  color: #6b7280;
  min-width: 40px;
}

._importanceTrack_122ga_495 {
  flex: 1;
  height: 4px;
  background-color: #e5e7eb;
  border-radius: 2px;
  overflow: hidden;
}

._importanceFill_122ga_511 {
  height: 100%;
  background: linear-gradient(90deg, #3b82f6 0%, #2563eb 100%);
  border-radius: 2px;
}

._summary_122ga_523 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  background-color: #d1fae5;
  border-left: 4px solid #10b981;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #065f46;
}

._summaryIcon_122ga_549 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: #10b981;
  color: white;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
}

/* Responsive */
@media (max-width: 640px) {
  ._container_122ga_11 {
    padding: 12px;
  }

  ._conditionFooter_122ga_375 {
    grid-template-columns: repeat(2, 1fr);
  }

  ._status_122ga_393 {
    grid-column: 1 / -1;
  }
}

@media (max-width: 480px) {
  ._container_122ga_11 {
    padding: 10px;
    gap: 10px;
  }

  ._conditionItem_122ga_201 {
    padding: 10px;
    gap: 8px;
  }

  ._conditionFooter_122ga_375 {
    grid-template-columns: 1fr;
  }

  ._header_122ga_31 {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  ._title_122ga_47 {
    font-size: 13px;
  }
}

/* RTL Support */
[dir='rtl'] ._conditionHeader_122ga_239 {
  flex-direction: row-reverse;
}

[dir='rtl'] ._conditionFooter_122ga_375 {
  direction: rtl;
}

[dir='rtl'] ._summary_122ga_523 {
  flex-direction: row-reverse;
  border-left: none;
  border-right: 4px solid #10b981;
}/**
 * OpportunityAIAnalysis Styles
 * @file src/components/opportunities/OpportunityAIAnalysis.module.css
 */

._container_1r2cx_11 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  background: linear-gradient(135deg, #ecf0ff 0%, #f3f4f6 100%);
  border: 2px solid #c7d2fe;
  border-radius: 12px;
}

._header_1r2cx_31 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 2px solid #c7d2fe;
}

._titleRow_1r2cx_47 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._title_1r2cx_47 {
  font-size: 18px;
  font-weight: 700;
  color: #3730a3;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

._symbol_1r2cx_79 {
  font-size: 14px;
  font-weight: 500;
  background-color: #e0e7ff;
  color: #3730a3;
  padding: 2px 8px;
  border-radius: 4px;
  margin-left: 8px;
}

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

._confidenceLabel_1r2cx_111 {
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
}

._confidenceIndicator_1r2cx_123 {
  flex: 1;
  height: 8px;
  background-color: #e5e7eb;
  border-radius: 4px;
  overflow: hidden;
}

._confidenceFill_1r2cx_139 {
  height: 100%;
  border-radius: 4px;
  transition: width 0.6s ease;
}

._confidenceText_1r2cx_151 {
  display: flex;
  align-items: baseline;
  gap: 6px;
  white-space: nowrap;
}

._confidencePercent_1r2cx_165 {
  font-weight: 700;
  font-size: 14px;
  color: #1f2937;
}

._confidenceLevel_1r2cx_177 {
  font-size: 11px;
  color: #6b7280;
  font-weight: 500;
}

/* ======================= Sections ======================= */

._sections_1r2cx_193 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._section_1r2cx_193 {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  background: white;
  transition: all 0.3s ease;
}

._section_1r2cx_193._expanded_1r2cx_221 {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-color: #3b82f6;
}

._sectionHeader_1r2cx_231 {
  width: 100%;
  padding: 12px 14px;
  background-color: #f9fafb;
  border: none;
  border-bottom: 1px solid #f3f4f6;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 13px;
  font-weight: 600;
  color: #1f2937;
}

._section_1r2cx_193._expanded_1r2cx_221 ._sectionHeader_1r2cx_231 {
  background-color: #f3f4f6;
  border-bottom-color: #e5e7eb;
}

._sectionHeader_1r2cx_231:hover {
  background-color: #f3f4f6;
}

._sectionIcon_1r2cx_283 {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._sectionTitle_1r2cx_297 {
  flex: 1;
  text-align: right;
}

._sectionToggle_1r2cx_307 {
  font-size: 11px;
  color: #6b7280;
  transition: transform 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

._section_1r2cx_193._expanded_1r2cx_221 ._sectionToggle_1r2cx_307 {
  transform: rotate(0deg);
}

._sectionContent_1r2cx_333 {
  padding: 14px;
  color: #374151;
  font-size: 13px;
  line-height: 1.6;
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 400px;
  overflow-y: auto;
  animation: _slideDown_1r2cx_1 0.3s ease;
}

@keyframes _slideDown_1r2cx_1 {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

/* ======================= Insights ======================= */

._insights_1r2cx_383 {
  padding: 14px;
  background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%);
  border-left: 4px solid #10b981;
  border-radius: 6px;
}

._insightsTitle_1r2cx_397 {
  font-size: 12px;
  font-weight: 700;
  color: #065f46;
  margin: 0 0 8px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._insightsList_1r2cx_415 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._insightItem_1r2cx_433 {
  font-size: 12px;
  color: #047857;
  padding-left: 16px;
  position: relative;
  line-height: 1.4;
}

._insightItem_1r2cx_433:before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #10b981;
  font-weight: 700;
}

/* ======================= Warnings ======================= */

._warnings_1r2cx_469 {
  padding: 14px;
  background: linear-gradient(135deg, #fef2f2 0%, #fef9e7 100%);
  border-left: 4px solid #ef4444;
  border-radius: 6px;
}

._warningsTitle_1r2cx_483 {
  font-size: 12px;
  font-weight: 700;
  color: #7c2d12;
  margin: 0 0 8px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._warningsList_1r2cx_501 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._warningItem_1r2cx_519 {
  font-size: 12px;
  color: #92400e;
  padding-left: 16px;
  position: relative;
  line-height: 1.4;
}

._warningItem_1r2cx_519:before {
  content: '⚠';
  position: absolute;
  left: 0;
  color: #ef4444;
  font-weight: 700;
}

/* ======================= Opportunities ======================= */

._opportunities_1r2cx_555 {
  padding: 14px;
  background: linear-gradient(135deg, #ecf0ff 0%, #f3f4f6 100%);
  border-left: 4px solid #3b82f6;
  border-radius: 6px;
}

._opportunitiesTitle_1r2cx_569 {
  font-size: 12px;
  font-weight: 700;
  color: #1e3a8a;
  margin: 0 0 8px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._opportunitiesList_1r2cx_587 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._opportunityItem_1r2cx_605 {
  font-size: 12px;
  color: #1e40af;
  padding-left: 16px;
  position: relative;
  line-height: 1.4;
}

._opportunityItem_1r2cx_605:before {
  content: '→';
  position: absolute;
  left: 0;
  color: #3b82f6;
  font-weight: 700;
}

/* ======================= Metadata ======================= */

._metadata_1r2cx_641 {
  display: flex;
  gap: 16px;
  font-size: 11px;
  color: #6b7280;
  padding-top: 8px;
  border-top: 1px solid #e5e7eb;
  flex-wrap: wrap;
}

._metaItem_1r2cx_661 {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* ======================= Responsive ======================= */

@media (max-width: 640px) {
  ._container_1r2cx_11 {
    padding: 14px;
    gap: 12px;
  }

  ._title_1r2cx_47 {
    font-size: 16px;
  }

  ._symbol_1r2cx_79 {
    font-size: 12px;
  }

  ._sectionContent_1r2cx_333 {
    font-size: 12px;
    max-height: 300px;
  }
}

@media (max-width: 480px) {
  ._container_1r2cx_11 {
    padding: 10px;
    gap: 10px;
  }

  ._title_1r2cx_47 {
    font-size: 14px;
  }

  ._confidenceBar_1r2cx_99 {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  ._confidenceIndicator_1r2cx_123 {
    width: 100%;
  }

  ._sectionHeader_1r2cx_231 {
    flex-wrap: wrap;
    padding: 10px;
  }

  ._sectionToggle_1r2cx_307 {
    order: -1;
    margin-right: auto;
  }

  ._metadata_1r2cx_641 {
    flex-direction: column;
    gap: 6px;
  }
}

/* RTL Support */
[dir='rtl'] ._sectionTitle_1r2cx_297 {
  text-align: left;
}

[dir='rtl'] ._sectionHeader_1r2cx_231 {
  flex-direction: row-reverse;
}

[dir='rtl'] ._insightItem_1r2cx_433,
[dir='rtl'] ._warningItem_1r2cx_519,
[dir='rtl'] ._opportunityItem_1r2cx_605 {
  padding-left: 0;
  padding-right: 16px;
}

[dir='rtl'] ._insightItem_1r2cx_433:before,
[dir='rtl'] ._warningItem_1r2cx_519:before,
[dir='rtl'] ._opportunityItem_1r2cx_605:before {
  left: auto;
  right: 0;
}

[dir='rtl'] ._insights_1r2cx_383,
[dir='rtl'] ._warnings_1r2cx_469,
[dir='rtl'] ._opportunities_1r2cx_555 {
  border-left: none;
  border-right: 4px solid;
}

[dir='rtl'] ._metadata_1r2cx_641 {
  flex-direction: row-reverse;
}/**
 * OpportunityMetadataSection Styles
 * @file src/components/opportunities/OpportunityMetadataSection.module.css
 */

._container_8xasf_11 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  background: linear-gradient(135deg, #fef3c7 0%, #fef9e7 100%);
  border: 2px solid #fcd34d;
  border-radius: 10px;
}

._header_8xasf_31 {
  border-bottom: 2px solid #fcd34d;
  padding-bottom: 10px;
}

._title_8xasf_41 {
  font-size: 14px;
  font-weight: 700;
  color: #92400e;
  margin: 0;
}

._metadataGrid_8xasf_55 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
}

._metadataItem_8xasf_67 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  background: white;
  border: 1px solid #fcd34d;
  border-radius: 8px;
  transition: all 0.3s ease;
  cursor: help;
}

._metadataItem_8xasf_67:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.2);
  border-color: #f59e0b;
}

._icon_8xasf_103 {
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._itemContent_8xasf_119 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}

._label_8xasf_135 {
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._value_8xasf_151 {
  font-size: 13px;
  font-weight: 700;
  color: #1f2937;
  line-height: 1;
}

._priceTargets_8xasf_165 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  background: white;
  border: 1px solid #fcd34d;
  border-radius: 6px;
}

._priceTargetsGrid_8xasf_185 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

._priceTarget_8xasf_165 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px;
  background-color: #f9fafb;
  border-radius: 6px;
  text-align: center;
}

._priceLabel_8xasf_217 {
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._priceValue_8xasf_233 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

._sectionTitle_8xasf_245 {
  font-size: 12px;
  font-weight: 700;
  color: #92400e;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._sentiment_8xasf_263 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 2px solid;
  border-radius: 6px;
}

._sentimentIcon_8xasf_281 {
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._sentimentContent_8xasf_295 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}

._sentimentLabel_8xasf_309 {
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
}

._sentimentValue_8xasf_321 {
  font-size: 14px;
  font-weight: 700;
}

._rating_8xasf_331 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

._ratingLabel_8xasf_345 {
  font-size: 10px;
  color: #6b7280;
  font-weight: 500;
}

._ratingStars_8xasf_357 {
  font-size: 12px;
  color: #f59e0b;
  letter-spacing: 2px;
}

._newsSection_8xasf_369,
._eventsSection_8xasf_371,
._linksSection_8xasf_373 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  background: white;
  border: 1px solid #fcd34d;
  border-radius: 6px;
}

._newsList_8xasf_393,
._eventsList_8xasf_395 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._newsItem_8xasf_407,
._eventItem_8xasf_409 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px;
  background-color: #f9fafb;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.4;
}

._newsIcon_8xasf_431,
._eventIcon_8xasf_433 {
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 2px;
}

._newsText_8xasf_445,
._eventText_8xasf_447 {
  color: #374151;
  flex: 1;
}

._linksList_8xasf_457 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._link_8xasf_373 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  background-color: #fef3c7;
  border: 1px solid #fcd34d;
  border-radius: 4px;
  color: #92400e;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
  cursor: pointer;
}

._link_8xasf_373:hover {
  background-color: #f59e0b;
  color: white;
  border-color: #f59e0b;
  transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 640px) {
  ._metadataGrid_8xasf_55 {
    grid-template-columns: repeat(2, 1fr);
  }

  ._priceTargetsGrid_8xasf_185 {
    grid-template-columns: 1fr;
  }

  ._sentiment_8xasf_263 {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 480px) {
  ._container_8xasf_11 {
    padding: 12px;
    gap: 12px;
  }

  ._metadataGrid_8xasf_55 {
    grid-template-columns: 1fr;
  }

  ._priceTargetsGrid_8xasf_185 {
    grid-template-columns: 1fr;
  }

  ._sentiment_8xasf_263 {
    flex-direction: column;
    text-align: center;
  }

  ._title_8xasf_41 {
    font-size: 13px;
  }

  ._linksList_8xasf_457 {
    flex-direction: column;
  }

  ._link_8xasf_373 {
    width: 100%;
    justify-content: center;
  }
}

/* RTL Support */
[dir='rtl'] ._itemContent_8xasf_119 {
  text-align: right;
}

[dir='rtl'] ._sentiment_8xasf_263 {
  flex-direction: row-reverse;
  text-align: right;
}

[dir='rtl'] ._rating_8xasf_331 {
  align-items: center;
}

[dir='rtl'] ._newsItem_8xasf_407,
[dir='rtl'] ._eventItem_8xasf_409 {
  flex-direction: row-reverse;
}

[dir='rtl'] ._link_8xasf_373 {
  direction: rtl;
}._wrapper_1hd87_1 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
  direction: rtl;
}

._card_1hd87_17 {
  background: white;
  padding: 1rem 1.25rem;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
  transition: 0.2s ease;
}

._card_1hd87_17:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.08);
}

._label_1hd87_45 {
  font-size: 0.85rem;
  color: #6b7280;
  margin-bottom: 0.25rem;
}

._value_1hd87_57 {
  font-size: 1.4rem;
  font-weight: bold;
  color: #1f2937;
}

._weightsList_1hd87_69 {
  margin-top: 0.3rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._weightItem_1hd87_83 {
  display: flex;
  justify-content: space-between;
  font-size: 0.85rem;
  background: #f9fafb;
  padding: 4px 6px;
  border-radius: 6px;
}

._weightKey_1hd87_101 {
  font-weight: 600;
  color: #374151;
}

._weightValue_1hd87_111 {
  color: #2563eb;
  font-weight: bold;
}

/* Market Regime Colors */
._regimeBull_1hd87_123 {
  border-color: #10b981;
  background: #ecfdf5;
}

._regimeBear_1hd87_133 {
  border-color: #ef4444;
  background: #fef2f2;
}

._regimeNeutral_1hd87_143 {
  border-color: #6b7280;
  background: #f3f4f6;
}
._wrapper_hw5bg_1 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 0.75rem 1rem;
  margin-bottom: 1.5rem;
  background: #f9fafb;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  direction: rtl;
}

._group_hw5bg_25 {
  min-width: 220px;
  flex: 1 1 220px;
}

._groupLabel_hw5bg_35 {
  font-size: 0.85rem;
  font-weight: 600;
  color: #4b5563;
  margin-bottom: 0.35rem;
}

._row_hw5bg_49 {
  display: flex;
  gap: 0.5rem;
}

._field_hw5bg_59 {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

._label_hw5bg_73 {
  font-size: 0.75rem;
  color: #6b7280;
}

._input_hw5bg_83,
._select_hw5bg_85 {
  height: 2.2rem;
  padding: 0.25rem 0.5rem;
  border-radius: 8px;
  border: 1px solid #d1d5db;
  font-size: 0.85rem;
  color: #111827;
  background: white;
}

._input_hw5bg_83:focus,
._select_hw5bg_85:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.3);
}

._actions_hw5bg_119 {
  display: flex;
  flex: 1 1 100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.25rem;
}

._actionsRight_hw5bg_137 {
  display: flex;
  gap: 0.5rem;
}

._button_hw5bg_147 {
  border-radius: 999px;
  padding: 0.4rem 0.9rem;
  border: 1px solid transparent;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  transition: 0.15s ease-in-out;
  white-space: nowrap;
}

._aiButton_hw5bg_169 {
  background: #eef2ff;
  color: #4338ca;
  border-color: #c7d2fe;
}

._aiButton_hw5bg_169:hover {
  background: #e0e7ff;
}

._resetButton_hw5bg_189 {
  background: white;
  color: #6b7280;
  border-color: #d1d5db;
}

._resetButton_hw5bg_189:hover {
  background: #f3f4f6;
}

._applyButton_hw5bg_209 {
  background: #2563eb;
  color: white;
  border-color: #1d4ed8;
}

._applyButton_hw5bg_209:hover {
  background: #1d4ed8;
}

@media (max-width: 768px) {
  ._wrapper_hw5bg_1 {
    flex-direction: column;
  }

  ._actions_hw5bg_119 {
    flex-direction: column;
    align-items: stretch;
  }

  ._actionsRight_hw5bg_137 {
    width: 100%;
    justify-content: space-between;
  }

  ._button_hw5bg_147 {
    width: 100%;
    text-align: center;
  }
}
._wrapper_1fqc8_1 {
  position: relative;
  direction: rtl;
}

._button_1fqc8_11 {
  background: #2563eb;
  color: white;
  font-size: 0.85rem;
  padding: 0.45rem 0.9rem;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: 0.15s;
}

._button_1fqc8_11:hover {
  background: #1d4ed8;
}

._menu_1fqc8_41 {
  position: absolute;
  right: 0;
  top: 2.5rem;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  width: 200px;
  padding: 0.5rem;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  z-index: 20;
}

._menuItem_1fqc8_67 {
  width: 100%;
  background: transparent;
  border: none;
  padding: 0.4rem 0.3rem;
  text-align: right;
  cursor: pointer;
  font-size: 0.85rem;
  color: #374151;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
}

._menuItem_1fqc8_67:hover {
  background: #f3f4f6;
}

._indicator_1fqc8_103 {
  margin-left: 6px;
}
._wrapper_v3ha9_1 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1rem;
  padding: 1rem 0;
  direction: rtl;
}

._card_v3ha9_17 {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 1rem;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  animation: _pulse_v3ha9_1 1.4s infinite ease-in-out;
}

._title_v3ha9_35 {
  height: 20px;
  width: 60%;
  background: #e5e7eb;
  border-radius: 6px;
  margin-bottom: 12px;
}

._line_v3ha9_51 {
  height: 14px;
  width: 90%;
  background: #e5e7eb;
  border-radius: 6px;
  margin-bottom: 8px;
}

._lineShort_v3ha9_67 {
  height: 14px;
  width: 50%;
  background: #e5e7eb;
  border-radius: 6px;
}

@keyframes _pulse_v3ha9_1 {
  0% { background-color: #f3f4f6; }
  50% { background-color: #e5e7eb; }
  100% { background-color: #f3f4f6; }
}
._card_1v62u_1 {
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 14px;
  padding: 1.1rem 1.3rem;
  direction: rtl;
  margin-bottom: 1rem;
  transition: 0.2s ease;
}

._card_1v62u_1:hover {
  background: #e0f2fe;
  border-color: #7dd3fc;
}

._header_1v62u_31 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._title_1v62u_43 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #0369a1;
}

._symbol_1v62u_55 {
  background: #0369a1;
  color: white;
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: bold;
}

._summary_1v62u_73 {
  margin: 0.7rem 0;
  font-size: 0.9rem;
  line-height: 1.5rem;
  color: #0c4a6e;
}

._footer_1v62u_87 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._scoreBox_1v62u_99 {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 6px 10px;
  text-align: center;
}

._scoreLabel_1v62u_115 {
  display: block;
  font-size: 0.7rem;
  color: #475569;
}

._scoreValue_1v62u_127 {
  font-size: 1rem;
  font-weight: bold;
  color: #0284c7;
}

._detailsButton_1v62u_139 {
  padding: 6px 12px;
  background: #0284c7;
  color: white;
  border-radius: 8px;
  font-size: 0.85rem;
  text-decoration: none;
  transition: 0.15s;
}

._detailsButton_1v62u_139:hover {
  background: #0369a1;
}
._grid_mzx0b_1 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1.2rem;
  margin-top: 1rem;
  direction: rtl;
}

@media (max-width: 768px) {
  ._grid_mzx0b_1 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
._wrapper_1cce8_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 1.5rem;
  direction: rtl;
}

._button_1cce8_19 {
  padding: 0.45rem 1rem;
  border-radius: 8px;
  border: 1px solid #2563eb;
  background: #2563eb;
  color: white;
  font-size: 0.85rem;
  cursor: pointer;
  transition: 0.15s ease;
}

._button_1cce8_19:hover {
  background: #1d4ed8;
}

._disabled_1cce8_49 {
  opacity: 0.4;
  cursor: not-allowed;
}

._pageInfo_1cce8_59 {
  font-size: 0.9rem;
  color: #374151;
  font-weight: 500;
}
._banner_1ivd6_1 {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: #fff1f2; /* Rose-50 */
  border: 1px solid #fecdd3; /* Rose-200 */
  padding: 1.25rem 1.5rem;
  border-radius: 12px;
  direction: rtl;
}

._icon_1ivd6_23 {
  font-size: 2rem;
}

._text_1ivd6_31 {
  flex: 1;
}

._title_1ivd6_39 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #be123c; /* Rose-700 */
  margin-bottom: 0.25rem;
}

._subtitle_1ivd6_53 {
  font-size: 0.95rem;
  color: #9f1239; /* Rose-600 */
}

._retryButton_1ivd6_63 {
  background-color: #1e40af; /* Navy-600 */
  color: white;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  border-radius: 8px;
  cursor: pointer;
  border: none;
  transition: 0.2s;
}

._retryButton_1ivd6_63:hover {
  background-color: #1e3a8a; /* Navy-700 */
}
._chartContainer_15d9s_1 {
  width: 100%;
  direction: rtl;
  background: var(--card-bg, #ffffff);
  border-radius: 12px;
  padding: 20px;
  box-shadow: var(--shadow-md);
}

._title_15d9s_19 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px;
  color: var(--text-primary);
}

/* Dark Mode */
@media (prefers-color-scheme: dark) {
  ._chartContainer_15d9s_1 {
    background: #1a1a1a;
  }
  ._title_15d9s_19 {
    color: #f3f4f6;
  }
}
._tableWrapper_1iszp_1 {
  width: 100%;
  overflow-x: auto;
  direction: rtl;
  background: var(--card-bg, #ffffff);
  padding: 20px;
  border-radius: 12px;
  box-shadow: var(--shadow-md);
}

._table_1iszp_1 {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

thead {
  background: var(--header-bg, #f9fafb);
}

th {
  padding: 10px 12px;
  text-align: right;
  font-weight: 600;
  color: var(--text-secondary);
  border-bottom: 1px solid #e5e7eb;
}

td {
  padding: 12px;
  border-bottom: 1px solid #f0f0f0;
  color: var(--text-primary);
}

._row_1iszp_69:hover {
  background: #fafafa;
}

._positiveGain_1iszp_77 {
  color: #10b981;
  font-weight: 700;
}

@media (prefers-color-scheme: dark) {
  ._tableWrapper_1iszp_1 {
    background: #1c1c1c;
  }
  th {
    color: #d1d5db;
  }
  td {
    color: #e5e7eb;
    border-bottom: 1px solid #333;
  }
  ._row_1iszp_69:hover {
    background: #2a2a2a;
  }
}
._tableWrapper_1tbfz_1 {
  width: 100%;
  overflow-x: auto;
  direction: rtl;
  background: var(--card-bg);
  padding: 20px;
  border-radius: 12px;
  box-shadow: var(--shadow-md);
}

._table_1tbfz_1 {
  width: 100%;
  border-collapse: collapse;
}

th {
  text-align: right;
  padding: 12px;
  font-weight: 600;
  color: var(--text-secondary);
  border-bottom: 1px solid #e5e7eb;
}

td {
  padding: 12px;
  border-bottom: 1px solid #f3f4f6;
}

._negativeLoss_1tbfz_57 {
  color: #ef4444;
  font-weight: bold;
}

._row_1tbfz_67:hover {
  background: #fafafa;
}

@media (prefers-color-scheme: dark) {
  ._tableWrapper_1tbfz_1 {
    background: #1a1a1a;
  }
  td {
    border-bottom: 1px solid #333;
    color: #f3f4f6;
  }
}
/* src/components/opportunities/RiskPenaltyDrill.module.css */

._container_xwtl7_5 {
  direction: rtl;
  background: var(--card-bg, #ffffff);
  border-radius: 16px;
  padding: 12px 14px;
  border: 1px solid rgba(148, 163, 184, 0.4);
}

._header_xwtl7_21 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

._title_xwtl7_35 {
  font-size: 13px;
  font-weight: 700;
  color: var(--text-primary, #0f172a);
}

._badge_xwtl7_47 {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(248, 113, 113, 0.08);
  color: #b91c1c;
}

._table_xwtl7_63 {
  width: 100%;
  border-collapse: collapse;
  margin-top: 6px;
}

._th_xwtl7_75,
._td_xwtl7_77 {
  font-size: 11px;
  text-align: right;
  padding: 6px 4px;
}

._th_xwtl7_75 {
  color: #6b7280;
  border-bottom: 1px solid rgba(148, 163, 184, 0.5);
}

._td_xwtl7_77 {
  border-bottom: 1px dashed rgba(209, 213, 219, 0.8);
}

._tr_xwtl7_107:last-child ._td_xwtl7_77 {
  border-bottom: none;
}

._labelCell_xwtl7_115 {
  font-weight: 500;
  color: #111827;
}

._countCell_xwtl7_125 {
  text-align: center;
}

._penaltyGood_xwtl7_133 {
  color: #16a34a;
}

._penaltyBad_xwtl7_141 {
  color: #b91c1c;
}

._empty_xwtl7_149 {
  font-size: 12px;
  color: #6b7280;
  margin-top: 8px;
}

@media (prefers-color-scheme: dark) {
  ._container_xwtl7_5 {
    background: #020617;
    border-color: rgba(55, 65, 81, 0.9);
  }

  ._title_xwtl7_35 {
    color: #e5e7eb;
  }

  ._th_xwtl7_75 {
    color: #9ca3af;
    border-bottom-color: rgba(55, 65, 81, 0.9);
  }

  ._td_xwtl7_77 {
    border-bottom-color: rgba(55, 65, 81, 0.7);
    color: #e5e7eb;
  }

  ._labelCell_xwtl7_115 {
    color: #f9fafb;
  }

  ._empty_xwtl7_149 {
    color: #9ca3af;
  }
}
/* src/components/opportunities/ReplayModal.module.css */

._backdrop_d5hqo_5 {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.55);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 40;
}

._modal_d5hqo_25 {
  direction: rtl;
  background: #ffffff;
  border-radius: 18px;
  max-width: 720px;
  width: 100%;
  margin: 0 12px;
  padding: 16px 18px;
  box-shadow: 0 25px 60px rgba(15, 23, 42, 0.4);
}

._header_d5hqo_47 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

._title_d5hqo_61 {
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
}

._closeBtn_d5hqo_73 {
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  padding: 4px;
  color: #6b7280;
}

._body_d5hqo_93 {
  font-size: 13px;
  color: #4b5563;
  margin-bottom: 12px;
}

._timeline_d5hqo_105 {
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(243, 244, 246, 0.9);
  max-height: 260px;
  overflow-y: auto;
}

._timelineItem_d5hqo_123 {
  padding: 6px 0;
  border-bottom: 1px dashed rgba(148, 163, 184, 0.7);
  font-size: 12px;
}

._timelineItem_d5hqo_123:last-child {
  border-bottom: none;
}

._footer_d5hqo_143 {
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

._button_d5hqo_157 {
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.7);
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  background: #ffffff;
  color: #111827;
  cursor: pointer;
}

._buttonPrimary_d5hqo_179 {
  background: #111827;
  color: #f9fafb;
  border-color: #111827;
}

@media (prefers-color-scheme: dark) {
  ._modal_d5hqo_25 {
    background: #020617;
  }

  ._title_d5hqo_61 {
    color: #e5e7eb;
  }

  ._body_d5hqo_93 {
    color: #9ca3af;
  }

  ._timeline_d5hqo_105 {
    background: rgba(15, 23, 42, 0.9);
  }

  ._timelineItem_d5hqo_123 {
    border-bottom-color: rgba(55, 65, 81, 0.9);
  }

  ._button_d5hqo_157 {
    background: #020617;
    color: #e5e7eb;
    border-color: rgba(55, 65, 81, 0.9);
  }

  ._buttonPrimary_d5hqo_179 {
    background: #f9fafb;
    color: #020617;
  }
}
._container_hsigd_1 {
  display: flex;
  align-items: center;
  gap: 8px;
  direction: rtl;
}

._dot_hsigd_15 {
  border-radius: 50%;
  background: #10b981;
  animation: _pulse_hsigd_1 1.4s infinite;
}

._inactive_hsigd_27 {
  background: #9ca3af;
  animation: none;
}

._label_hsigd_37 {
  font-size: 14px;
  color: var(--text-primary);
}

@keyframes _pulse_hsigd_1 {
  0% { transform: scale(0.95); opacity: 0.7; }
  50% { transform: scale(1.1); opacity: 1; }
  100% { transform: scale(0.95); opacity: 0.7; }
}

@media (prefers-color-scheme: dark) {
  ._label_hsigd_37 {
    color: #f3f4f6;
  }
}
/* src/components/opportunities/TrailingStopInfo.module.css */

._wrapper_o3xbo_5 {
  direction: rtl;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}

._card_o3xbo_21 {
  background: var(--card-bg, #ffffff);
  border-radius: 14px;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, 0.45);
}

._label_o3xbo_35 {
  font-size: 11px;
  color: #6b7280;
  margin-bottom: 4px;
}

._value_o3xbo_47 {
  font-size: 18px;
  font-weight: 700;
  color: #0f172a;
}

._sub_o3xbo_59 {
  font-size: 11px;
  color: #9ca3af;
}

._highlight_o3xbo_69 {
  color: #16a34a;
}

._danger_o3xbo_77 {
  color: #b91c1c;
}

@media (prefers-color-scheme: dark) {
  ._card_o3xbo_21 {
    background: #020617;
    border-color: rgba(55, 65, 81, 0.9);
  }

  ._label_o3xbo_35 {
    color: #9ca3af;
  }

  ._value_o3xbo_47 {
    color: #f9fafb;
  }

  ._sub_o3xbo_59 {
    color: #6b7280;
  }
}
/* src/components/opportunities/AdaptiveWeightsSummary.module.css */

._container_8f6bp_5 {
  direction: rtl;
  background: var(--card-bg, #ffffff);
  border-radius: 16px;
  padding: 12px 14px;
  border: 1px solid rgba(148, 163, 184, 0.4);
  margin-bottom: 16px;
}

._header_8f6bp_23 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

._title_8f6bp_37 {
  font-size: 13px;
  font-weight: 700;
  color: var(--text-primary, #0f172a);
}

._badge_8f6bp_49 {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.08);
  color: #1d4ed8;
}

._grid_8f6bp_65 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

._weightCard_8f6bp_77 {
  background: rgba(249, 250, 251, 0.9);
  border-radius: 12px;
  padding: 6px 8px;
}

._weightLabel_8f6bp_89 {
  font-size: 11px;
  color: #6b7280;
  margin-bottom: 2px;
}

._weightValue_8f6bp_101 {
  font-size: 16px;
  font-weight: 700;
  color: #0f172a;
}

._footer_8f6bp_113 {
  margin-top: 10px;
  font-size: 11px;
  color: #9ca3af;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (prefers-color-scheme: dark) {
  ._container_8f6bp_5 {
    background: #020617;
    border-color: rgba(55, 65, 81, 0.9);
  }

  ._title_8f6bp_37 {
    color: #e5e7eb;
  }

  ._weightCard_8f6bp_77 {
    background: rgba(15, 23, 42, 0.9);
  }

  ._weightLabel_8f6bp_89 {
    color: #9ca3af;
  }

  ._weightValue_8f6bp_101 {
    color: #f9fafb;
  }

  ._footer_8f6bp_113 {
    color: #6b7280;
  }
}
/**
 * Button Component Styles
 * @module components/common/Button.module.css
 */

._button_aj8ha_11 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: 0.75rem 1rem;
  border: none;
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--duration-base) var(--ease-out);
  font-family: inherit;
  position: relative;
  overflow: hidden;
}

/* Variants */
._variant-primary_aj8ha_47 {
  background-color: var(--color-primary);
  color: white;
}

._variant-primary_aj8ha_47:hover:not(:disabled) {
  background-color: var(--color-primary-700);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

._variant-secondary_aj8ha_67 {
  background-color: var(--color-secondary);
  color: white;
}

._variant-secondary_aj8ha_67:hover:not(:disabled) {
  background-color: var(--color-secondary-700);
}

._variant-danger_aj8ha_85 {
  background-color: var(--color-danger);
  color: white;
}

._variant-danger_aj8ha_85:hover:not(:disabled) {
  background-color: var(--color-danger-700);
}

._variant-success_aj8ha_103 {
  background-color: var(--color-success);
  color: white;
}

._variant-success_aj8ha_103:hover:not(:disabled) {
  background-color: var(--color-success-700);
}

._variant-ghost_aj8ha_121 {
  background-color: transparent;
  color: var(--color-primary);
  border: 1px solid var(--color-border);
}

._variant-ghost_aj8ha_121:hover:not(:disabled) {
  background-color: var(--color-neutral-50);
  border-color: var(--color-primary);
}

/* Sizes */
._size-sm_aj8ha_145 {
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
}

._size-md_aj8ha_155 {
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
}

._size-lg_aj8ha_165 {
  padding: 1rem 1.5rem;
  font-size: 1rem;
}

/* States */
._fullWidth_aj8ha_177 {
  width: 100%;
}

._loading_aj8ha_185 {
  opacity: 0.7;
  pointer-events: none;
}

._disabled_aj8ha_195 {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

._spinner_aj8ha_207 {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: _spin_aj8ha_207 0.6s linear infinite;
}

@keyframes _spin_aj8ha_207 {
  to {
    transform: rotate(360deg);
  }
}

._icon_aj8ha_239 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
}/**
 * Input Component Styles
 * @module components/common/Input.module.css
 */

._wrapper_1oz1g_11 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

._label_1oz1g_23 {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-text);
}

._required_1oz1g_35 {
  color: var(--color-danger);
  margin-right: var(--spacing-xs);
}

._inputWrapper_1oz1g_45 {
  position: relative;
  display: flex;
  align-items: center;
}

._icon_1oz1g_57 {
  position: absolute;
  right: var(--spacing-md);
  display: flex;
  align-items: center;
  color: var(--color-text-secondary);
  pointer-events: none;
  font-size: 1.125rem;
}

._input_1oz1g_45 {
  width: 100%;
  padding: var(--spacing-md);
  padding-right: var(--spacing-xl);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background-color: var(--color-bg);
  color: var(--color-text);
  font-size: 1rem;
  transition: all var(--duration-base) var(--ease-out);
  font-family: inherit;
}

._input_1oz1g_45:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

._input_1oz1g_45:disabled {
  background-color: var(--color-bg-secondary);
  opacity: 0.6;
  cursor: not-allowed;
}

._input_1oz1g_45._error_1oz1g_127 {
  border-color: var(--color-danger);
}

._input_1oz1g_45._error_1oz1g_127:focus {
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

._input_1oz1g_45._success_1oz1g_143 {
  border-color: var(--color-success);
}

._input_1oz1g_45._success_1oz1g_143:focus {
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

._withIcon_1oz1g_159 {
  padding-right: var(--spacing-xl);
}

._errorMessage_1oz1g_167 {
  font-size: 0.75rem;
  color: var(--color-danger);
  margin: 0;
}

._hint_1oz1g_179 {
  font-size: 0.75rem;
  color: var(--color-text-secondary);
  margin: 0;
}/**
 * Radio Component Styles
 * @module components/common/Radio.module.css
 */

._wrapper_sqptc_11 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

._container_sqptc_23 {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  cursor: pointer;
}

._radio_sqptc_37 {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  border: 2px solid var(--color-border);
  border-radius: 50%;
  background-color: var(--color-bg);
  cursor: pointer;
  transition: all var(--duration-base) var(--ease-out);
  flex-shrink: 0;
  position: relative;
}

._radio_sqptc_37:hover {
  border-color: var(--color-primary);
}

._radio_sqptc_37:checked {
  border-color: var(--color-primary);
  background-color: var(--color-bg);
}

._radio_sqptc_37:checked::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--color-primary);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

._radio_sqptc_37:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

._radio_sqptc_37:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._circle_sqptc_125 {
  position: absolute;
  pointer-events: none;
}

._label_sqptc_135 {
  font-size: 0.875rem;
  color: var(--color-text);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._error_sqptc_149 {
  font-size: 0.75rem;
  color: var(--color-danger);
  margin: 0;
}/**
 * Badge Component Styles
 * @module components/common/Badge.module.css
 */

._badge_14yzr_11 {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  font-weight: 600;
  border-radius: var(--radius-full);
  white-space: nowrap;
}

/* Variants */
._variant-primary_14yzr_31 {
  background-color: var(--color-primary-50);
  color: var(--color-primary-700);
}

._variant-success_14yzr_41 {
  background-color: var(--color-success-50);
  color: var(--color-success-700);
}

._variant-warning_14yzr_51 {
  background-color: var(--color-warning-50);
  color: var(--color-warning-700);
}

._variant-danger_14yzr_61 {
  background-color: var(--color-danger-50);
  color: var(--color-danger-700);
}

._variant-info_14yzr_71 {
  background-color: var(--color-info-50);
  color: var(--color-info-700);
}

._variant-neutral_14yzr_81 {
  background-color: var(--color-neutral-100);
  color: var(--color-neutral-700);
}

/* Sizes */
._size-sm_14yzr_93 {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
}

._size-md_14yzr_103 {
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
}

._size-lg_14yzr_113 {
  padding: 0.5rem 1rem;
  font-size: 1rem;
}

._icon_14yzr_123 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
}/**
 * Card Component Styles
 * @module components/common/Card.module.css
 */

._card_t78hs_11 {
  background-color: var(--color-bg);
  border-radius: var(--radius-lg);
  transition: all var(--duration-base) var(--ease-out);
}

/* Variants */
._variant-default_t78hs_25 {
  border: 1px solid var(--color-border);
  padding: var(--spacing-lg);
  box-shadow: var(--shadow-sm);
}

._variant-bordered_t78hs_37 {
  border: 2px solid var(--color-border);
  padding: var(--spacing-lg);
}

._variant-elevated_t78hs_47 {
  padding: var(--spacing-lg);
  box-shadow: var(--shadow-lg);
}

/* States */
._hoverable_t78hs_59 {
  cursor: pointer;
}

._hoverable_t78hs_59:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

._compact_t78hs_77 {
  padding: var(--spacing-md);
}

@media (max-width: 768px) {
  ._card_t78hs_11 {
    border-radius: var(--radius-md);
  }
}/**
 * Table Component Styles
 * @module components/common/Table.module.css
 */

._wrapper_xe6h5_11 {
  overflow-x: auto;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
}

._table_xe6h5_23 {
  width: 100%;
  border-collapse: collapse;
  background-color: var(--color-bg);
}

._thead_xe6h5_35 {
  background-color: var(--color-bg-secondary);
  position: sticky;
  top: 0;
  z-index: var(--z-sticky);
}

._th_xe6h5_35 {
  padding: var(--spacing-md);
  text-align: right;
  font-weight: 600;
  color: var(--color-text);
  border-bottom: 2px solid var(--color-border);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._th_xe6h5_35:hover {
  background-color: var(--color-bg);
}

._headerContent_xe6h5_77 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-xs);
}

._tbody_xe6h5_91 {
  position: relative;
}

._tr_xe6h5_99 {
  border-bottom: 1px solid var(--color-border);
}

._table_xe6h5_23._striped_xe6h5_107 tbody tr:nth-child(odd) {
  background-color: var(--color-bg-secondary);
}

._table_xe6h5_23._hoverable_xe6h5_115 tbody tr:hover {
  background-color: var(--color-bg-hover);
}

._td_xe6h5_123 {
  padding: var(--spacing-md);
  color: var(--color-text);
  font-size: 0.875rem;
}

._loadingCell_xe6h5_135,
._emptyCell_xe6h5_137 {
  padding: var(--spacing-lg);
  text-align: center;
  color: var(--color-text-secondary);
}

@media (max-width: 768px) {
  ._th_xe6h5_35,
  ._td_xe6h5_123 {
    padding: var(--spacing-sm);
    font-size: 0.75rem;
  }
}/**
 * Loading Component Styles
 * @module components/common/Loading.module.css
 */

._loading_109vp_11 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
}

._fullScreen_109vp_29 {
  position: fixed;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: var(--z-modal);
}

/* Spinner */
._spinner_109vp_45 {
  border: 4px solid var(--color-neutral-200);
  border-top-color: var(--color-primary);
  border-radius: 50%;
  animation: _spin_109vp_45 1s linear infinite;
}

._size-sm_109vp_59 {
  width: 1.5rem;
  height: 1.5rem;
}

._size-md_109vp_69 {
  width: 2.5rem;
  height: 2.5rem;
}

._size-lg_109vp_79 {
  width: 4rem;
  height: 4rem;
}

@keyframes _spin_109vp_45 {
  to {
    transform: rotate(360deg);
  }
}

/* Dots */
._dots_109vp_103 {
  display: flex;
  gap: var(--spacing-sm);
}

._dot_109vp_103 {
  width: 0.75rem;
  height: 0.75rem;
  background-color: var(--color-primary);
  border-radius: 50%;
  animation: _pulse_109vp_1 1.4s infinite;
}

._dot1_109vp_129 {
  animation-delay: 0s;
}

._dot2_109vp_137 {
  animation-delay: 0.2s;
}

._dot3_109vp_145 {
  animation-delay: 0.4s;
}

@keyframes _pulse_109vp_1 {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}

/* Bar */
._bar_109vp_175 {
  background: linear-gradient(90deg, var(--color-primary), var(--color-secondary));
  border-radius: var(--radius-full);
  animation: _barLoad_109vp_1 2s ease-in-out infinite;
}

._bar_109vp_175._size-sm_109vp_59 {
  width: 6rem;
  height: 0.25rem;
}

._bar_109vp_175._size-md_109vp_69 {
  width: 12rem;
  height: 0.5rem;
}

._bar_109vp_175._size-lg_109vp_79 {
  width: 20rem;
  height: 1rem;
}

@keyframes _barLoad_109vp_1 {
  0% {
    width: 10%;
  }
  90% {
    width: 90%;
  }
  100% {
    width: 100%;
  }
}

._message_109vp_241 {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  margin: 0;
}._container_fgyol_1 {
  display: flex;
  border-bottom: 1px solid #e5e7eb;
  gap: 1rem;
}

._tab_fgyol_13 {
  padding: 0.6rem 1rem;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  color: #6b7280;
  transition: all .15s ease-in-out;
  border-bottom: 2px solid transparent;
}

._tab_fgyol_13:hover {
  color: #111827;
}

._active_fgyol_41 {
  color: #1f2937 !important;
  border-bottom-color: #2563eb;
}

._fullWidth_fgyol_51 {
  flex: 1;
  justify-content: center;
}

@media (prefers-color-scheme: dark) {
  ._container_fgyol_1 {
    border-bottom-color: #374151;
  }

  ._tab_fgyol_13 {
    color: #9ca3af;
  }

  ._active_fgyol_41 {
    color: #ffffff !important;
    border-bottom-color: #3b82f6;
  }
}
/**
 * User Profile Page Styles
 * @file src/pages/user/index.module.css
 * 
 * التاريخ: 2025-01-17
 * الحالة: ✅ جديد
 */

/* ============================================================================
   Container & Layout
============================================================================ */

._container_aaxzd_25 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
}

/* ============================================================================
   Header Section
============================================================================ */

._header_aaxzd_45 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2rem;
  padding: 1.5rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 12px;
  color: white;
}

._greeting_aaxzd_67 h1 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: white;
}

._subtitle_aaxzd_81 {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.9);
}

._userActions_aaxzd_91 {
  display: flex;
  gap: 1rem;
}

/* ============================================================================
   KPI Grid
============================================================================ */

._kpiGrid_aaxzd_109 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

._kpiCard_aaxzd_123 {
  padding: 1.5rem;
  border-radius: 8px;
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: all 0.3s ease;
}

._kpiCard_aaxzd_123:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}

._kpiIcon_aaxzd_155 {
  font-size: 2.5rem;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f9ff;
  border-radius: 8px;
}

._kpiIcon_aaxzd_155._positive_aaxzd_177 {
  background: #dcfce7;
}

._kpiIcon_aaxzd_155._negative_aaxzd_185 {
  background: #fee2e2;
}

._kpiContent_aaxzd_193 {
  flex: 1;
}

._kpiLabel_aaxzd_201 {
  font-size: 0.875rem;
  color: #6b7280;
  margin-bottom: 0.25rem;
  font-weight: 500;
}

._kpiValue_aaxzd_215 {
  font-size: 1.875rem;
  font-weight: 700;
  color: #111827;
}

._kpiValue_aaxzd_215._positive_aaxzd_177 {
  color: #15803d;
}

._kpiValue_aaxzd_215._negative_aaxzd_185 {
  color: #dc2626;
}

._kpiSubtitle_aaxzd_243 {
  font-size: 0.75rem;
  color: #9ca3af;
  margin-top: 0.25rem;
}

/* ============================================================================
   Performance Section
============================================================================ */

._performanceContainer_aaxzd_263 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

._performanceCard_aaxzd_277 {
  padding: 1.5rem;
  border-radius: 8px;
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

._performanceCard_aaxzd_277 h3 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 1rem;
}

._performanceContent_aaxzd_305 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._symbol_aaxzd_317 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #3b82f6;
}

._return_aaxzd_329 {
  font-size: 1.875rem;
  font-weight: 700;
}

._return_aaxzd_329._positive_aaxzd_177 {
  color: #15803d;
}

._return_aaxzd_329._negative_aaxzd_185 {
  color: #dc2626;
}

/* ============================================================================
   Activity Section
============================================================================ */

._activityContainer_aaxzd_363 {
  margin-bottom: 2rem;
}

._activityContainer_aaxzd_363 h2 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 1.5rem;
}

._activityList_aaxzd_385 {
  display: grid;
  gap: 1rem;
}

._activityItem_aaxzd_395 {
  padding: 1rem;
  border-radius: 8px;
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-left: 4px solid #3b82f6;
}

._activityHeader_aaxzd_411 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

._activitySymbol_aaxzd_425 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  color: #111827;
}

._activitySymbol_aaxzd_425 span {
  font-size: 0.875rem;
}

._activityTime_aaxzd_449 {
  font-size: 0.75rem;
  color: #9ca3af;
}

._activityDescription_aaxzd_459 {
  color: #6b7280;
  font-size: 0.875rem;
  margin: 0;
}

._emptyActivity_aaxzd_471 {
  text-align: center;
  color: #9ca3af;
  padding: 2rem;
}

/* ============================================================================
   Tracked Opportunities Section
============================================================================ */

._trackedContainer_aaxzd_491 {
  margin-bottom: 2rem;
}

._trackedContainer_aaxzd_491 h2 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 1.5rem;
}

._trackedGrid_aaxzd_513 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 1.5rem;
}

._trackedCard_aaxzd_525 {
  padding: 1.5rem;
  border-radius: 8px;
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

._trackedCard_aaxzd_525:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}

._trackedHeader_aaxzd_551 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
}

._trackedHeader_aaxzd_551 h4 {
  font-size: 1.125rem;
  font-weight: 700;
  color: #111827;
  margin: 0;
}

._company_aaxzd_579 {
  font-size: 0.75rem;
  color: #6b7280;
  margin: 0.25rem 0 0 0;
}

._trackedPrice_aaxzd_591,
._trackedTarget_aaxzd_593 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid #e5e7eb;
}

._trackedPrice_aaxzd_591:last-child,
._trackedTarget_aaxzd_593:last-child {
  border-bottom: none;
}

._trackedPrice_aaxzd_591 span,
._trackedTarget_aaxzd_593 span {
  color: #6b7280;
  font-size: 0.875rem;
}

._trackedPrice_aaxzd_591 strong,
._trackedTarget_aaxzd_593 strong {
  color: #111827;
  font-weight: 600;
}

._trackedTarget_aaxzd_593 strong._positive_aaxzd_177 {
  color: #15803d;
}

._viewButton_aaxzd_651 {
  width: 100%;
  margin-top: 1rem;
}

._emptyTracked_aaxzd_661 {
  text-align: center;
  color: #9ca3af;
  padding: 2rem;
}

/* ============================================================================
   Quick Links Section
============================================================================ */

._quickLinks_aaxzd_681 {
  margin-bottom: 2rem;
}

._quickLinks_aaxzd_681 h2 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 1.5rem;
}

._linksGrid_aaxzd_703 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem;
}

._linkButton_aaxzd_715 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1.5rem 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: white;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 500;
}

._linkButton_aaxzd_715:hover {
  border-color: #3b82f6;
  background: #f0f9ff;
  color: #3b82f6;
}

._linkButton_aaxzd_715 span {
  font-size: 1.5rem;
}

._linkButton_aaxzd_715 span:last-child {
  font-size: 0.875rem;
}

/* ============================================================================
   Account Info Section
============================================================================ */

._accountInfo_aaxzd_781 {
  margin-top: 2rem;
}

._accountInfo_aaxzd_781 h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 1rem;
}

._infoGrid_aaxzd_803 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
}

._infoItem_aaxzd_815 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._infoItem_aaxzd_815 span {
  color: #6b7280;
  font-size: 0.875rem;
}

._infoItem_aaxzd_815 strong {
  color: #111827;
  font-weight: 600;
}

/* ============================================================================
   Responsive Design
============================================================================ */

@media (max-width: 768px) {
  ._container_aaxzd_25 {
    padding: 1rem;
  }

  ._header_aaxzd_45 {
    flex-direction: column;
    gap: 1rem;
  }

  ._greeting_aaxzd_67 h1 {
    font-size: 1.5rem;
  }

  ._kpiGrid_aaxzd_109 {
    grid-template-columns: 1fr;
  }

  ._performanceContainer_aaxzd_263 {
    grid-template-columns: 1fr;
  }

  ._trackedGrid_aaxzd_513 {
    grid-template-columns: 1fr;
  }

  ._linksGrid_aaxzd_703 {
    grid-template-columns: repeat(2, 1fr);
  }

  ._header_aaxzd_45 {
    align-items: center;
  }

  ._userActions_aaxzd_91 {
    width: 100%;
    flex-direction: column;
  }

  ._userActions_aaxzd_91 button {
    width: 100%;
  }
}/**
 * Checkbox Component Styles
 * @module components/forms/Checkbox.module.css
 */

._container_1emmv_11 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}

._input_1emmv_27 {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

._label_1emmv_43 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: opacity 200ms ease-out;
  direction: rtl;
}

._container_1emmv_11:hover:not(._disabled_1emmv_63) ._label_1emmv_43 {
  opacity: 0.8;
}

._checkbox_1emmv_71 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  min-height: 1.25rem;
  border: 2px solid var(--color-border);
  border-radius: 0.375rem;
  background-color: var(--color-bg);
  transition: all 200ms ease-out;
}

._input_1emmv_27:checked ~ ._label_1emmv_43 ._checkbox_1emmv_71 {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

._input_1emmv_27:focus-visible ~ ._label_1emmv_43 ._checkbox_1emmv_71 {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

._checkmark_1emmv_119 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 0.875rem;
  animation: _scaleIn_1emmv_1 200ms ease-out;
}

@keyframes _scaleIn_1emmv_1 {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

._labelContent_1emmv_157 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._labelText_1emmv_169 {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-text);
}

._required_1emmv_181 {
  color: var(--color-danger);
  margin-inline-start: 0.25rem;
}

._description_1emmv_191 {
  font-size: 0.75rem;
  color: var(--color-text-secondary);
}

._errorMessage_1emmv_201 {
  font-size: 0.75rem;
  color: var(--color-danger);
  margin: 0;
  margin-inline-start: 2rem;
}

._container_1emmv_11._disabled_1emmv_63 {
  opacity: 0.6;
  cursor: not-allowed;
}

._container_1emmv_11._disabled_1emmv_63 ._label_1emmv_43 {
  cursor: not-allowed;
}

._container_1emmv_11._error_1emmv_201 ._checkbox_1emmv_71 {
  border-color: var(--color-danger);
}

._container_1emmv_11._error_1emmv_201 ._input_1emmv_27:checked ~ ._label_1emmv_43 ._checkbox_1emmv_71 {
  background-color: var(--color-danger);
  border-color: var(--color-danger);
}

@media (prefers-color-scheme: dark) {
  ._checkbox_1emmv_71 {
    background-color: var(--color-bg-dark);
  }
}/**
 * Select Component Styles
 * @module components/forms/Select.module.css
 * ✅ بدون مكتبات خارجية
 */

._wrapper_df07h_13 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

._label_df07h_27 {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-text);
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._required_df07h_45 {
  color: var(--color-danger);
}

._select_df07h_53 {
  position: relative;
  width: 100%;
}

._button_df07h_63 {
  width: 100%;
  padding: 0.75rem;
  padding-inline-end: 2rem;
  border: 1px solid var(--color-border);
  border-radius: 0.375rem;
  background-color: var(--color-bg);
  color: var(--color-text);
  font-size: 1rem;
  font-family: inherit;
  cursor: pointer;
  transition: all 200ms ease-out;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: right;
  direction: rtl;
  outline: none;
}

._button_df07h_63:hover:not(:disabled) {
  border-color: var(--color-primary);
}

._button_df07h_63:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

._button_df07h_63:disabled {
  background-color: var(--color-bg-secondary);
  opacity: 0.6;
  cursor: not-allowed;
}

._select_df07h_53._error_df07h_133 ._button_df07h_63 {
  border-color: var(--color-danger);
}

._select_df07h_53._error_df07h_133 ._button_df07h_63:focus {
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

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

._chevron_df07h_165 {
  font-size: 0.75rem;
  color: var(--color-text-secondary);
  transition: transform 200ms ease-out;
  margin-inline-start: 0.5rem;
}

._chevron_df07h_165._open_df07h_179 {
  transform: rotate(180deg);
}

._dropdown_df07h_187 {
  position: absolute;
  top: calc(100% + 0.25rem);
  left: 0;
  right: 0;
  background-color: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: 0.375rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  z-index: 10;
  overflow: hidden;
  max-height: 16rem;
  display: flex;
  flex-direction: column;
}

._searchWrapper_df07h_219 {
  padding: 0.5rem;
  border-bottom: 1px solid var(--color-border);
}

._searchInput_df07h_229 {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid var(--color-border);
  border-radius: 0.25rem;
  background-color: var(--color-bg-secondary);
  color: var(--color-text);
  font-size: 0.875rem;
  font-family: inherit;
  outline: none;
  direction: rtl;
  text-align: right;
}

._searchInput_df07h_229:focus {
  border-color: var(--color-primary);
}

._optionsList_df07h_265 {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

._option_df07h_265 {
  padding: 0.75rem;
  border: none;
  background: none;
  color: var(--color-text);
  font-size: 1rem;
  font-family: inherit;
  cursor: pointer;
  transition: background-color 200ms ease-out;
  text-align: right;
  direction: rtl;
  outline: none;
}

._option_df07h_265:hover:not(:disabled) {
  background-color: var(--color-bg-secondary);
}

._option_df07h_265:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._option_df07h_265._highlighted_df07h_325 {
  background-color: var(--color-primary-50);
  color: var(--color-primary);
  font-weight: 600;
}

._option_df07h_265._selected_df07h_337 {
  background-color: var(--color-primary-50);
  color: var(--color-primary);
  font-weight: 600;
}

._option_df07h_265:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: -2px;
}

._emptyState_df07h_359 {
  padding: 1rem;
  text-align: center;
  color: var(--color-text-secondary);
  font-size: 0.875rem;
}

._errorMessage_df07h_373 {
  font-size: 0.75rem;
  color: var(--color-danger);
  margin: 0;
}

._hint_df07h_385 {
  font-size: 0.75rem;
  color: var(--color-text-secondary);
  margin: 0;
}

@media (prefers-color-scheme: dark) {
  ._button_df07h_63 {
    background-color: var(--color-bg-dark);
  }

  ._button_df07h_63:disabled {
    background-color: var(--color-bg-secondary-dark);
  }

  ._dropdown_df07h_187 {
    background-color: var(--color-bg-dark);
  }

  ._searchInput_df07h_229 {
    background-color: var(--color-bg-secondary-dark);
  }
}

/* Scrollbar Styling */
._optionsList_df07h_265::-webkit-scrollbar {
  width: 0.5rem;
}

._optionsList_df07h_265::-webkit-scrollbar-track {
  background: var(--color-bg-secondary);
}

._optionsList_df07h_265::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: 0.25rem;
}

._optionsList_df07h_265::-webkit-scrollbar-thumb:hover {
  background: var(--color-text-secondary);
}/**
 * User Settings Page Styles
 * @file src/pages/user/settings.module.css
 * 
 * التاريخ: 2025-01-17
 * الحالة: ✅ جديد
 */

/* ============================================================================
   Container & Layout
============================================================================ */

._container_1jqo2_25 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
}

/* ============================================================================
   Header
============================================================================ */

._header_1jqo2_45 {
  margin-bottom: 2rem;
}

._header_1jqo2_45 h1 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 0.5rem;
}

._subtitle_1jqo2_67 {
  color: #6b7280;
  font-size: 1rem;
}

/* ============================================================================
   Tabs
============================================================================ */

._tabsContainer_1jqo2_85 {
  background: white;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

._tabButtons_1jqo2_99 {
  display: flex;
  border-bottom: 1px solid #e5e7eb;
  background: #f9fafb;
}

._tabButton_1jqo2_99 {
  flex: 1;
  padding: 1rem;
  text-align: center;
  border: none;
  background: none;
  cursor: pointer;
  font-weight: 500;
  color: #6b7280;
  transition: all 0.3s ease;
  border-bottom: 3px solid transparent;
}

._tabButton_1jqo2_99:hover {
  background: #f3f4f6;
  color: #374151;
}

._tabButton_1jqo2_99._active_1jqo2_147 {
  color: #3b82f6;
  border-bottom-color: #3b82f6;
  background: white;
}

/* ============================================================================
   Tab Content
============================================================================ */

._tabContent_1jqo2_167 {
  padding: 2rem;
}

._tabContent_1jqo2_167 h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 1.5rem;
}

/* ============================================================================
   Forms
============================================================================ */

._form_1jqo2_197 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._formGrid_1jqo2_209 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
}

._formActions_1jqo2_221 {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
  justify-content: flex-start;
}

._formActions_1jqo2_221 button {
  min-width: 150px;
}

/* ============================================================================
   Notifications
============================================================================ */

._notificationsContainer_1jqo2_251 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._notificationItem_1jqo2_263 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #f9fafb;
  transition: all 0.3s ease;
}

._notificationItem_1jqo2_263:hover {
  background: white;
  border-color: #3b82f6;
}

._notificationContent_1jqo2_295 {
  flex: 1;
}

._notificationContent_1jqo2_295 h4 {
  font-weight: 600;
  color: #111827;
  margin-bottom: 0.25rem;
}

._notificationContent_1jqo2_295 p {
  font-size: 0.875rem;
  color: #6b7280;
}

/* ============================================================================
   Danger Zone
============================================================================ */

._dangerCard_1jqo2_333 {
  border-left: 4px solid #ef4444;
  background: #fef2f2;
}

._dangerCard_1jqo2_333 h3 {
  color: #dc2626;
}

._dangerCard_1jqo2_333 p {
  color: #991b1b;
  margin-bottom: 1.5rem;
}

._dangerActions_1jqo2_361 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._dangerAction_1jqo2_361 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border: 1px solid #fecaca;
  border-radius: 6px;
  background: white;
}

._dangerAction_1jqo2_361 h4 {
  font-weight: 600;
  color: #111827;
  margin-bottom: 0.25rem;
}

._dangerAction_1jqo2_361 p {
  font-size: 0.875rem;
  color: #6b7280;
}

/* ============================================================================
   Responsive
============================================================================ */

@media (max-width: 768px) {
  ._container_1jqo2_25 {
    padding: 1rem;
  }

  ._header_1jqo2_45 h1 {
    font-size: 1.875rem;
  }

  ._tabButtons_1jqo2_99 {
    flex-wrap: wrap;
  }

  ._tabButton_1jqo2_99 {
    flex: 0 1 calc(25% - 0.5rem);
    padding: 0.75rem 0.5rem;
    font-size: 0.875rem;
  }

  ._formGrid_1jqo2_209 {
    grid-template-columns: 1fr;
  }

  ._formActions_1jqo2_221 {
    flex-direction: column;
  }

  ._formActions_1jqo2_221 button {
    width: 100%;
  }

  ._dangerAction_1jqo2_361 {
    flex-direction: column;
    align-items: flex-start;
  }

  ._dangerAction_1jqo2_361 button {
    width: 100%;
    margin-top: 1rem;
  }
}/**
 * Favorites Page Styles
 * @file src/pages/user/favorites.module.css
 * 
 * التاريخ: 2025-01-17
 * الحالة: ✅ PRODUCTION READY
 * المعايير: Ain-Al-Souq 100%
 */

/* ============================================================================
   Container & Layout
============================================================================ */

._container_16j6h_27 {
  max-width: 1400px;
  margin: 0 auto;
  padding: 2rem;
  min-height: 100vh;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

/* ============================================================================
   Header
============================================================================ */

._header_16j6h_51 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  padding: 2rem;
  background: white;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

._headerContent_16j6h_73 {
  flex: 1;
}

._title_16j6h_81 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #111827;
  margin: 0 0 0.5rem 0;
}

._subtitle_16j6h_95 {
  font-size: 1rem;
  color: #6b7280;
  margin: 0;
}

._headerActions_16j6h_107 {
  display: flex;
  gap: 1rem;
}

._viewToggle_16j6h_117 {
  display: flex;
  gap: 0.5rem;
  background: #f3f4f6;
  padding: 0.5rem;
  border-radius: 8px;
}

._viewButton_16j6h_133 {
  padding: 0.5rem 1rem;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 1.25rem;
  transition: all 0.3s ease;
  border-radius: 6px;
}

._viewButton_16j6h_133:hover {
  background: white;
}

._viewButton_16j6h_133._active_16j6h_161 {
  background: #3b82f6;
  color: white;
}

/* ============================================================================
   Messages
============================================================================ */

._message_16j6h_179 {
  padding: 1rem;
  border-radius: 8px;
  margin-bottom: 1.5rem;
  font-weight: 500;
  animation: _slideDown_16j6h_1 0.3s ease;
}

._message_16j6h_179 p {
  margin: 0;
}

._message_success_16j6h_203 {
  background: #dcfce7;
  border-left: 4px solid #16a34a;
  color: #15803d;
}

._message_error_16j6h_215 {
  background: #fee2e2;
  border-left: 4px solid #dc2626;
  color: #991b1b;
}

._message_warning_16j6h_227 {
  background: #fef3c7;
  border-left: 4px solid #f59e0b;
  color: #92400e;
}

@keyframes _slideDown_16j6h_1 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ============================================================================
   Filters Bar
============================================================================ */

._filtersBar_16j6h_269 {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: white;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

._searchInput_16j6h_289,
._sortSelect_16j6h_291 {
  padding: 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 0.95rem;
  font-family: inherit;
}

._searchInput_16j6h_289 {
  flex: 1;
  min-width: 200px;
}

._searchInput_16j6h_289:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

._sortSelect_16j6h_291 {
  min-width: 200px;
}

._sortSelect_16j6h_291:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* ============================================================================
   Bulk Actions Bar
============================================================================ */

._bulkActionsBar_16j6h_357 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  animation: _slideDown_16j6h_1 0.3s ease;
}

._bulkActionsInfo_16j6h_381 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-weight: 500;
  color: #1e40af;
}

._bulkActionsInfo_16j6h_381 input[type='checkbox'] {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

._bulkActionsButtons_16j6h_409 {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

._bulkActionButton_16j6h_421 {
  padding: 0.75rem 1.25rem;
  background: #3b82f6;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.3s ease;
}

._bulkActionButton_16j6h_421:hover:not(:disabled) {
  background: #2563eb;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}

._bulkActionButton_16j6h_421:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._bulkActionButtonClear_16j6h_465 {
  padding: 0.75rem 1.25rem;
  background: #e5e7eb;
  color: #111827;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.3s ease;
}

._bulkActionButtonClear_16j6h_465:hover {
  background: #d1d5db;
}

/* ============================================================================
   Content Area
============================================================================ */

._content_16j6h_503 {
  background: white;
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  min-height: 400px;
}

/* ============================================================================
   Loading State
============================================================================ */

._loadingState_16j6h_527 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
}

._spinner_16j6h_543 {
  width: 50px;
  height: 50px;
  border: 4px solid #e5e7eb;
  border-top-color: #3b82f6;
  border-radius: 50%;
  animation: _spin_16j6h_543 1s linear infinite;
  margin-bottom: 1rem;
}

@keyframes _spin_16j6h_543 {
  to {
    transform: rotate(360deg);
  }
}

._loadingState_16j6h_527 p {
  color: #6b7280;
  font-size: 1rem;
  margin: 0;
}

/* ============================================================================
   Empty State
============================================================================ */

._emptyState_16j6h_595 {
  text-align: center;
  padding: 3rem 2rem;
}

._emptyIcon_16j6h_605 {
  font-size: 4rem;
  margin-bottom: 1rem;
}

._emptyTitle_16j6h_615 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #111827;
  margin: 0 0 0.5rem 0;
}

._emptyMessage_16j6h_629 {
  color: #6b7280;
  margin: 0 0 1.5rem 0;
}

._emptyButton_16j6h_639 {
  padding: 0.75rem 1.5rem;
  background: #3b82f6;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.3s ease;
}

._emptyButton_16j6h_639:hover {
  background: #2563eb;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}

/* ============================================================================
   List View
============================================================================ */

._listView_16j6h_681 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._listItem_16j6h_693 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

._listItem_16j6h_693:hover {
  background: white;
  border-color: #3b82f6;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

._listItem_16j6h_693 input[type='checkbox'] {
  width: 20px;
  height: 20px;
  cursor: pointer;
  flex-shrink: 0;
}

._listItemContent_16j6h_743 {
  flex: 1;
}

._listItemContent_16j6h_743 h4 {
  font-weight: 700;
  color: #111827;
  margin: 0 0 0.25rem 0;
  font-size: 1rem;
}

._listItemContent_16j6h_743 p {
  color: #6b7280;
  margin: 0;
  font-size: 0.875rem;
}

._listItemScore_16j6h_777 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  padding: 0.5rem 1rem;
  background: #eff6ff;
  border-radius: 6px;
}

._listItemScore_16j6h_777 span {
  font-weight: 700;
  color: #3b82f6;
  font-size: 1.125rem;
}

._removeButton_16j6h_809 {
  padding: 0.5rem 0.75rem;
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 1.25rem;
  transition: all 0.3s ease;
  border-radius: 6px;
}

._removeButton_16j6h_809:hover:not(:disabled) {
  background: #fee2e2;
  color: #dc2626;
}

._removeButton_16j6h_809:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* ============================================================================
   Grid View
============================================================================ */

._gridView_16j6h_857 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1.5rem;
}

._gridCard_16j6h_869 {
  padding: 1.5rem;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

._gridCard_16j6h_869:hover {
  background: white;
  border-color: #3b82f6;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}

._cardHeader_16j6h_901 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

._cardCheckbox_16j6h_915 {
  width: 20px;
  height: 20px;
  cursor: pointer;
  flex-shrink: 0;
}

._cardSymbol_16j6h_929 {
  font-weight: 700;
  color: #111827;
  margin: 0;
  font-size: 1.25rem;
}

._cardCompany_16j6h_943 {
  color: #6b7280;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
}

._cardScore_16j6h_955 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
  background: #eff6ff;
  border-radius: 6px;
  margin-bottom: 1rem;
}

._cardScore_16j6h_955 span {
  font-weight: 700;
  color: #3b82f6;
  font-size: 1.5rem;
}

._cardRemoveButton_16j6h_987 {
  width: 100%;
  padding: 0.75rem;
  background: #fee2e2;
  color: #dc2626;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.3s ease;
}

._cardRemoveButton_16j6h_987:hover:not(:disabled) {
  background: #fecaca;
  color: #991b1b;
}

._cardRemoveButton_16j6h_987:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* ============================================================================
   Error State
============================================================================ */

._errorState_16j6h_1039 {
  text-align: center;
  padding: 3rem 2rem;
}

._errorIcon_16j6h_1049 {
  font-size: 4rem;
  margin-bottom: 1rem;
}

._errorTitle_16j6h_1059 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #991b1b;
  margin: 0 0 0.5rem 0;
}

._errorMessage_16j6h_1073 {
  color: #dc2626;
  margin: 0 0 1.5rem 0;
}

._retryButton_16j6h_1083 {
  padding: 0.75rem 1.5rem;
  background: #dc2626;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.3s ease;
}

._retryButton_16j6h_1083:hover:not(:disabled) {
  background: #991b1b;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
}

._retryButton_16j6h_1083:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* ============================================================================
   Info Section
============================================================================ */

._infoSection_16j6h_1135 {
  margin-top: 2rem;
  padding: 1.5rem;
  background: #f0fdf4;
  border: 1px solid #dcfce7;
  border-radius: 8px;
}

._infoSection_16j6h_1135 h3 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #15803d;
  margin: 0 0 1rem 0;
}

._infoSection_16j6h_1135 ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 0.75rem;
}

._infoSection_16j6h_1135 li {
  color: #166534;
  padding: 0.5rem 0;
}

/* ============================================================================
   Responsive Design
============================================================================ */

@media (max-width: 1024px) {
  ._container_16j6h_27 {
    padding: 1.5rem;
  }

  ._header_16j6h_51 {
    flex-direction: column;
    gap: 1.5rem;
    text-align: center;
  }

  ._headerActions_16j6h_107 {
    width: 100%;
    justify-content: center;
  }

  ._filtersBar_16j6h_269 {
    flex-direction: column;
  }

  ._searchInput_16j6h_289,
  ._sortSelect_16j6h_291 {
    width: 100%;
  }

  ._bulkActionsBar_16j6h_357 {
    flex-direction: column;
    gap: 1rem;
  }

  ._bulkActionsButtons_16j6h_409 {
    width: 100%;
    justify-content: flex-start;
  }

  ._gridView_16j6h_857 {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }
}

@media (max-width: 768px) {
  ._container_16j6h_27 {
    padding: 1rem;
  }

  ._title_16j6h_81 {
    font-size: 2rem;
  }

  ._header_16j6h_51 {
    padding: 1.5rem;
  }

  ._content_16j6h_503 {
    padding: 1rem;
  }

  ._listItem_16j6h_693 {
    gap: 0.75rem;
    padding: 0.75rem;
  }

  ._listItemScore_16j6h_777 {
    display: none;
  }

  ._gridView_16j6h_857 {
    grid-template-columns: 1fr;
  }

  ._bulkActionButton_16j6h_421 {
    flex: 1;
    min-width: 100px;
  }

  ._infoSection_16j6h_1135 ul {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  ._container_16j6h_27 {
    padding: 0.75rem;
  }

  ._title_16j6h_81 {
    font-size: 1.5rem;
  }

  ._header_16j6h_51 {
    padding: 1rem;
    gap: 1rem;
  }

  ._filtersBar_16j6h_269 {
    padding: 0.75rem;
    gap: 0.5rem;
  }

  ._searchInput_16j6h_289,
  ._sortSelect_16j6h_291 {
    font-size: 14px;
  }

  ._bulkActionsBar_16j6h_357 {
    padding: 0.75rem;
    gap: 0.75rem;
  }

  ._bulkActionsInfo_16j6h_381 {
    gap: 0.5rem;
    font-size: 0.875rem;
  }

  ._bulkActionsButtons_16j6h_409 {
    width: 100%;
    flex-direction: column;
  }

  ._bulkActionButton_16j6h_421 {
    width: 100%;
  }

  ._listItem_16j6h_693 {
    flex-wrap: wrap;
  }

  ._removeButton_16j6h_809 {
    flex-shrink: 0;
  }
}/**
 * App Main Styles
 * @file src/App.module.css
 * 
 * التاريخ: 2025-01-17
 * الحالة: ✅ جديد
 */

/* ============================================================================
   Loading Spinner
============================================================================ */

._loader_751qc_25 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

._spinner_751qc_41 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-top: 4px solid white;
  border-radius: 50%;
  animation: _spin_751qc_41 1s linear infinite;
  font-size: 0;
}

._spinner_751qc_41::after {
  content: attr(data-text);
  position: absolute;
  color: white;
  font-size: 0.875rem;
  font-weight: 500;
}

@keyframes _spin_751qc_41 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* ============================================================================
   Global Animations
============================================================================ */

@keyframes _fadeIn_751qc_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes _slideUp_751qc_1 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes _slideDown_751qc_1 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ============================================================================
   Utility Classes
============================================================================ */

._visible_751qc_179 {
  animation: _fadeIn_751qc_1 0.3s ease;
}

._slideInUp_751qc_187 {
  animation: _slideUp_751qc_1 0.3s ease;
}

._slideInDown_751qc_195 {
  animation: _slideDown_751qc_1 0.3s ease;
}

/* ============================================================================
   Focus & Accessibility
============================================================================ */

*:focus {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

button:focus,
a:focus {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

/* ============================================================================
   Responsive Utilities
============================================================================ */

@media (max-width: 768px) {
  ._loader_751qc_25 {
    min-height: 100vh;
  }

  ._spinner_751qc_41 {
    width: 80px;
    height: 80px;
    border-width: 3px;
  }
}

/**
 * Global Styles - الأنماط العامة للتطبيق
 * @module styles/globals
 * @description أنماط CSS عامة وإعدادات التطبيق الأساسية
 */
/* استيراد الخطوط - يجب أن يكون أولاً */
/* استيراد Tailwind CSS */
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
 */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.container{
  width: 100%;
}
@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}
.pointer-events-none{
  pointer-events: none;
}
.visible{
  visibility: visible;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.bottom-0{
  bottom: 0px;
}
.bottom-6{
  bottom: 1.5rem;
}
.left-0{
  left: 0px;
}
.left-2{
  left: 0.5rem;
}
.left-6{
  left: 1.5rem;
}
.right-0{
  right: 0px;
}
.right-4{
  right: 1rem;
}
.top-0{
  top: 0px;
}
.top-10{
  top: 2.5rem;
}
.top-3{
  top: 0.75rem;
}
.z-10{
  z-index: 10;
}
.z-30{
  z-index: 30;
}
.z-40{
  z-index: 40;
}
.z-50{
  z-index: 50;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-1\.5{
  margin-top: 0.375rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-8{
  margin-top: 2rem;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.hidden{
  display: none;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.aspect-video{
  aspect-ratio: 16 / 9;
}
.size-full{
  width: 100%;
  height: 100%;
}
.size-max{
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
}
.size-min{
  width: -moz-min-content;
  width: min-content;
  height: -moz-min-content;
  height: min-content;
}
.h-10{
  height: 2.5rem;
}
.h-12{
  height: 3rem;
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-20{
  height: 5rem;
}
.h-3{
  height: 0.75rem;
}
.h-32{
  height: 8rem;
}
.h-4{
  height: 1rem;
}
.h-40{
  height: 10rem;
}
.h-5{
  height: 1.25rem;
}
.h-6{
  height: 1.5rem;
}
.h-64{
  height: 16rem;
}
.h-8{
  height: 2rem;
}
.h-80{
  height: 20rem;
}
.h-96{
  height: 24rem;
}
.h-fit{
  height: -moz-fit-content;
  height: fit-content;
}
.h-full{
  height: 100%;
}
.h-screen{
  height: 100vh;
}
.max-h-96{
  max-height: 24rem;
}
.min-h-screen{
  min-height: 100vh;
}
.w-10{
  width: 2.5rem;
}
.w-11{
  width: 2.75rem;
}
.w-12{
  width: 3rem;
}
.w-16{
  width: 4rem;
}
.w-2{
  width: 0.5rem;
}
.w-20{
  width: 5rem;
}
.w-3{
  width: 0.75rem;
}
.w-32{
  width: 8rem;
}
.w-4{
  width: 1rem;
}
.w-5{
  width: 1.25rem;
}
.w-6{
  width: 1.5rem;
}
.w-64{
  width: 16rem;
}
.w-8{
  width: 2rem;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.min-w-0{
  min-width: 0px;
}
.min-w-max{
  min-width: -moz-max-content;
  min-width: max-content;
}
.max-w-3xl{
  max-width: 48rem;
}
.max-w-4xl{
  max-width: 56rem;
}
.max-w-7xl{
  max-width: 80rem;
}
.max-w-md{
  max-width: 28rem;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-shrink{
  flex-shrink: 1;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.border-collapse{
  border-collapse: collapse;
}
.translate-x-1{
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-6{
  --tw-translate-x: 1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes bounce{
  0%, 100%{
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }
  50%{
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}
.animate-bounce{
  animation: bounce 1s infinite;
}
@keyframes pulse{
  50%{
    opacity: .5;
  }
}
.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite;
}
.cursor-pointer{
  cursor: pointer;
}
.list-inside{
  list-style-position: inside;
}
.list-disc{
  list-style-type: disc;
}
.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-1{
  gap: 0.25rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-4{
  gap: 1rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-8{
  gap: 2rem;
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-sm{
  border-radius: 0.125rem;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.border{
  border-width: 1px;
}
.border-2{
  border-width: 2px;
}
.border-4{
  border-width: 4px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-l-4{
  border-left-width: 4px;
}
.border-r{
  border-right-width: 1px;
}
.border-r-4{
  border-right-width: 4px;
}
.border-t{
  border-top-width: 1px;
}
.border-t-2{
  border-top-width: 2px;
}
.border-t-4{
  border-top-width: 4px;
}
.border-blue-200{
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.border-blue-500{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-blue-600{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.border-emerald-500{
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-green-200{
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}
.border-green-300{
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / var(--tw-border-opacity, 1));
}
.border-green-500{
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.border-green-600{
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
}
.border-indigo-500{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.border-neutral-100{
  --tw-border-opacity: 1;
  border-color: rgb(245 245 245 / var(--tw-border-opacity, 1));
}
.border-neutral-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}
.border-neutral-300{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
}
.border-orange-500{
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}
.border-orange-600{
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity, 1));
}
.border-pink-500{
  --tw-border-opacity: 1;
  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
}
.border-primary-500{
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233 / var(--tw-border-opacity, 1));
}
.border-purple-500{
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}
.border-purple-600{
  --tw-border-opacity: 1;
  border-color: rgb(147 51 234 / var(--tw-border-opacity, 1));
}
.border-red-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-300{
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}
.border-red-500{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-red-600{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}
.border-yellow-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}
.border-yellow-300{
  --tw-border-opacity: 1;
  border-color: rgb(253 224 71 / var(--tw-border-opacity, 1));
}
.border-yellow-500{
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
}
.border-t-transparent{
  border-top-color: transparent;
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}
.bg-blue-50{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-green-100{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-green-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-green-500{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-green-600{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.bg-neutral-100{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.bg-neutral-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
}
.bg-neutral-300{
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 212 / var(--tw-bg-opacity, 1));
}
.bg-neutral-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.bg-neutral-900{
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}
.bg-orange-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
.bg-primary-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}
.bg-primary-500{
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1));
}
.bg-primary-600{
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1));
}
.bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-600{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-red-700{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-yellow-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}
.bg-yellow-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}
.bg-yellow-600{
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
}
.bg-opacity-50{
  --tw-bg-opacity: 0.5;
}
.bg-gradient-to-br{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-blue-500{
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-600{
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-900{
  --tw-gradient-from: #1e3a8a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-500{
  --tw-gradient-from: #22c55e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-50{
  --tw-gradient-from: #eef2ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-50{
  --tw-gradient-from: #f8fafc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-blue-800{
  --tw-gradient-to: rgb(30 64 175 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1e40af var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-blue-50{
  --tw-gradient-to: #eff6ff var(--tw-gradient-to-position);
}
.to-blue-600{
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}
.to-green-600{
  --tw-gradient-to: #16a34a var(--tw-gradient-to-position);
}
.to-indigo-600{
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
}
.to-indigo-900{
  --tw-gradient-to: #312e81 var(--tw-gradient-to-position);
}
.to-slate-100{
  --tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position);
}
.bg-clip-text{
  -webkit-background-clip: text;
          background-clip: text;
}
.p-1{
  padding: 0.25rem;
}
.p-12{
  padding: 3rem;
}
.p-2{
  padding: 0.5rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4{
  padding: 1rem;
}
.p-6{
  padding: 1.5rem;
}
.p-8{
  padding: 2rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pl-12{
  padding-left: 3rem;
}
.pl-4{
  padding-left: 1rem;
}
.pr-10{
  padding-right: 2.5rem;
}
.pr-12{
  padding-right: 3rem;
}
.pr-4{
  padding-right: 1rem;
}
.pt-4{
  padding-top: 1rem;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl{
  font-size: 3rem;
  line-height: 1;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-black{
  font-weight: 900;
}
.font-bold{
  font-weight: 700;
}
.font-extrabold{
  font-weight: 800;
}
.font-light{
  font-weight: 300;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.capitalize{
  text-transform: capitalize;
}
.italic{
  font-style: italic;
}
.text-blue-200{
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}
.text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-blue-900{
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-green-600{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-green-700{
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-green-800{
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}
.text-indigo-600{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.text-neutral-100{
  --tw-text-opacity: 1;
  color: rgb(245 245 245 / var(--tw-text-opacity, 1));
}
.text-neutral-500{
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
}
.text-neutral-600{
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
}
.text-neutral-700{
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
}
.text-neutral-900{
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
}
.text-orange-600{
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}
.text-pink-600{
  --tw-text-opacity: 1;
  color: rgb(219 39 119 / var(--tw-text-opacity, 1));
}
.text-primary-600{
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity, 1));
}
.text-primary-700{
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}
.text-purple-600{
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-800{
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-transparent{
  color: transparent;
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-yellow-600{
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}
.text-yellow-700{
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}
.text-yellow-800{
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}
.underline{
  text-decoration-line: underline;
}
.placeholder-gray-400::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.placeholder-gray-400::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.opacity-20{
  opacity: 0.2;
}
.opacity-25{
  opacity: 0.25;
}
.opacity-75{
  opacity: 0.75;
}
.opacity-90{
  opacity: 0.9;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline{
  outline-style: solid;
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale{
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-filter{
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-none{
  transition-property: none;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow{
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
/* ============================================================================
   HTML & Body Base Styles
   ============================================================================ */
html {
  direction: rtl;
  scroll-behavior: smooth;
}
body {
  font-family: 'Tajawal', 'Segoe UI', sans-serif;
  background-color: #f5f7fa;
  color: #333;
  line-height: 1.6;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.hover\:bg-blue-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}
.hover\:bg-neutral-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.hover\:bg-neutral-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 212 / var(--tw-bg-opacity, 1));
}
.hover\:bg-neutral-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}
.hover\:from-blue-700:hover{
  --tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:to-indigo-700:hover{
  --tw-gradient-to: #4338ca var(--tw-gradient-to-position);
}
.hover\:text-gray-600:hover{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-700:hover{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.hover\:text-indigo-800:hover{
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}
.hover\:opacity-75:hover{
  opacity: 0.75;
}
.hover\:shadow-lg:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:border-blue-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.focus\:border-blue-600:focus{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.focus\:border-primary-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233 / var(--tw-border-opacity, 1));
}
.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-1:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-blue-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.focus\:ring-blue-600:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));
}
.focus\:ring-green-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));
}
.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px;
}
.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}
.disabled\:bg-gray-100:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.disabled\:opacity-50:disabled{
  opacity: 0.5;
}
.disabled\:hover\:from-blue-600:hover:disabled{
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.disabled\:hover\:to-indigo-600:hover:disabled{
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
}
@media (min-width: 640px){
  .sm\:flex{
    display: flex;
  }
  .sm\:flex-row{
    flex-direction: row;
  }
}
@media (min-width: 768px){
  .md\:ml-6{
    margin-left: 1.5rem;
  }
  .md\:mt-0{
    margin-top: 0px;
  }
  .md\:flex{
    display: flex;
  }
  .md\:h-40{
    height: 10rem;
  }
  .md\:w-40{
    width: 10rem;
  }
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:flex-row{
    flex-direction: row;
  }
  .md\:items-center{
    align-items: center;
  }
}
@media (min-width: 1024px){
  .lg\:sticky{
    position: sticky;
  }
  .lg\:top-8{
    top: 2rem;
  }
  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .lg\:hidden{
    display: none;
  }
  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (prefers-color-scheme: dark){
  .dark\:border-blue-800{
    --tw-border-opacity: 1;
    border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
  }
  .dark\:border-gray-600{
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
  }
  .dark\:bg-blue-700{
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
  }
  .dark\:bg-blue-900\/20{
    background-color: rgb(30 58 138 / 0.2);
  }
  .dark\:bg-gray-800{
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  }
  .dark\:bg-orange-900\/40{
    background-color: rgb(124 45 18 / 0.4);
  }
  .dark\:bg-red-900\/30{
    background-color: rgb(127 29 29 / 0.3);
  }
  .dark\:bg-red-900\/40{
    background-color: rgb(127 29 29 / 0.4);
  }
  .dark\:bg-yellow-900\/40{
    background-color: rgb(113 63 18 / 0.4);
  }
  .dark\:text-blue-300{
    --tw-text-opacity: 1;
    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
  }
  .dark\:text-gray-300{
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
  .dark\:text-gray-400{
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  }
  .dark\:text-gray-500{
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
  .dark\:text-orange-400{
    --tw-text-opacity: 1;
    color: rgb(251 146 60 / var(--tw-text-opacity, 1));
  }
  .dark\:text-red-400{
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }
  .dark\:text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .dark\:text-yellow-400{
    --tw-text-opacity: 1;
    color: rgb(250 204 21 / var(--tw-text-opacity, 1));
  }
  .dark\:hover\:bg-blue-800:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
  }
  .dark\:hover\:bg-gray-800:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  }
}