._container_1lkwq_1 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 20px;
}

._card_1lkwq_10 {
  background: white;
  border-radius: 16px;
  padding: 48px;
  text-align: center;
  max-width: 400px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

._icon_1lkwq_19 {
  font-size: 64px;
  margin-bottom: 24px;
}

._title_1lkwq_24 {
  font-size: 28px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0 0 16px 0;
}

._message_1lkwq_31 {
  font-size: 16px;
  color: #64748b;
  line-height: 1.6;
  margin: 0 0 32px 0;
}

._button_1lkwq_38 {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: none;
  padding: 14px 32px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}

._button_1lkwq_38:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
}
._layout_gtay9_1 {
  height: 100vh;
  display: flex;
  flex-direction: column;
  background: #f5f7fa;
  overflow: hidden;
}

._header_gtay9_9 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 56px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  background: white;
  border-bottom: 1px solid #e0e0e0;
}

._logo_gtay9_24 {
  font-size: 18px;
  font-weight: 700;
  color: #1a1a2e;
}

._logoutBtn_gtay9_30 {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  color: #666;
  background: #f0f0f0;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s;
}

._logoutBtn_gtay9_30:hover {
  background: #e0e0e0;
}

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

._panelIcon_gtay9_52 {
  font-size: 16px;
  line-height: 1;
}

._panelLabel_gtay9_57 {
  display: none;
}

@media (min-width: 768px) {
  ._panelLabel_gtay9_57 {
    display: inline;
  }
}

._content_gtay9_67 {
  height: calc(100vh - 56px - 64px);
  margin-top: 56px;
  padding: 16px;
  max-width: 420px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
  box-sizing: border-box;
}

._contentFull_gtay9_79 {
  margin-top: 56px;
  padding: 0;
  max-width: none;
  overflow: hidden;
}

._tabBar_gtay9_86 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 64px;
  display: flex;
  background: white;
  border-top: 1px solid #e0e0e0;
  padding-bottom: env(safe-area-inset-bottom, 0);
  z-index: 100;
}

._tab_gtay9_86 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px;
  color: #999;
  text-decoration: none;
  font-size: 12px;
  font-weight: 500;
  transition: color 0.2s;
}

._tab_gtay9_86 svg {
  width: 24px;
  height: 24px;
}

._tab_gtay9_86._active_gtay9_119 {
  color: #667eea;
}

._tab_gtay9_86:hover {
  color: #667eea;
}

/* Desktop: убираем ограничения для split view */
@media (min-width: 768px) {
  ._content_gtay9_67 {
    max-width: none;
    padding: 0;
    overflow: hidden;
  }
}
._layout_1utv0_1 {
  display: flex;
  min-height: 100vh;
  background: #f5f6fa;
}

/* Sidebar */
._sidebar_1utv0_8 {
  width: 260px;
  background: #ffffff;
  border-right: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.04);
}

._logo_1utv0_22 {
  padding: 24px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid #e5e7eb;
}

._logoIcon_1utv0_30 {
  font-size: 24px;
}

._logoText_1utv0_34 {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #1a1a2e;
  letter-spacing: -0.02em;
}

._nav_1utv0_42 {
  flex: 1;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow-y: auto;
}

/* Sections */
._section_1utv0_52 {
  margin-bottom: 4px;
}

._sectionTitle_1utv0_56 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #9ca3af;
}

._sectionTitle_1utv0_56 svg {
  flex-shrink: 0;
  opacity: 0.7;
}

._subItem_1utv0_73 {
  display: block;
  padding: 7px 14px 7px 38px;
  border-radius: 8px;
  color: #6b7280;
  text-decoration: none;
  font-size: 13.5px;
  font-weight: 500;
  transition: all 0.15s ease;
}

._subItem_1utv0_73:hover {
  background: #f3f4f6;
  color: #374151;
}

._subItem_1utv0_73._active_1utv0_89 {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  color: #fff;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.25);
}

._divider_1utv0_95 {
  height: 1px;
  background: #e5e7eb;
  margin: 8px 14px;
}

/* Regular nav items */
._navItem_1utv0_102 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  border-radius: 8px;
  color: #6b7280;
  text-decoration: none;
  font-size: 13.5px;
  font-weight: 500;
  transition: all 0.15s ease;
}

._navItem_1utv0_102:hover {
  background: #f3f4f6;
  color: #374151;
}

._navItem_1utv0_102._active_1utv0_89 {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  color: #fff;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.25);
}

._navItem_1utv0_102 svg {
  flex-shrink: 0;
}

._sidebarFooter_1utv0_130 {
  padding: 16px;
  border-top: 1px solid #e5e7eb;
}

._userInfo_1utv0_135 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px;
  border-radius: 10px;
  background: #f9fafb;
}

._userAvatar_1utv0_144 {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
}

._userDetails_1utv0_157 {
  flex: 1;
  min-width: 0;
}

._userName_1utv0_162 {
  font-size: 14px;
  font-weight: 500;
  color: #1a1a2e;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._userEmail_1utv0_171 {
  font-size: 12px;
  color: #9ca3af;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Main content area */
._main_1utv0_180 {
  flex: 1;
  margin-left: 260px;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  max-width: calc(100vw - 260px);
  overflow: hidden;
}

._header_1utv0_190 {
  height: 52px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
}

._searchBtn_1utv0_201 {
  padding: 6px 16px;
  background: #6366f1;
  color: #fff;
  border: none;
  border-radius: 0 8px 8px 0;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
  white-space: nowrap;
}

._searchBtn_1utv0_201:hover {
  background: #4f46e5;
}

._headerTitle_1utv0_218 {
  font-size: 18px;
  font-weight: 600;
  color: #1a1a2e;
}

._searchForm_1utv0_224 {
  display: flex;
  align-items: center;
  position: relative;
  flex: 1;
  max-width: 400px;
}

._searchIcon_1utv0_232 {
  position: absolute;
  left: 10px;
  color: #9ca3af;
  pointer-events: none;
}

._searchInput_1utv0_239 {
  width: 100%;
  padding: 6px 12px 6px 32px;
  border: 1px solid #e5e7eb;
  border-radius: 8px 0 0 8px;
  font-size: 13px;
  color: #374151;
  background: #f9fafb;
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
}

._searchInput_1utv0_239:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.15);
  background: #fff;
}

._searchInput_1utv0_239::placeholder {
  color: #9ca3af;
}

._logoutBtn_1utv0_261 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: rgba(239, 68, 68, 0.08);
  border: 1px solid rgba(239, 68, 68, 0.15);
  border-radius: 8px;
  color: #ef4444;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

._logoutBtn_1utv0_261:hover {
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.25);
}

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

._panelIcon_1utv0_287 {
  font-size: 16px;
  line-height: 1;
}

._panelLabel_1utv0_292 {
  display: none;
}

@media (min-width: 769px) {
  ._panelLabel_1utv0_292 {
    display: inline;
  }
}

._content_1utv0_302 {
  flex: 1;
  padding: 10px 16px;
  overflow: auto;
  min-width: 0;
}

/* Responsive */
@media (max-width: 1024px) {
  ._sidebar_1utv0_8 {
    width: 80px;
  }

  ._logo_1utv0_22 {
    padding: 20px;
    justify-content: center;
  }

  ._logoText_1utv0_34 {
    display: none;
  }

  ._navItem_1utv0_102 span {
    display: none;
  }

  ._navItem_1utv0_102 {
    justify-content: center;
    padding: 14px;
  }

  ._userDetails_1utv0_157 {
    display: none;
  }

  ._userInfo_1utv0_135 {
    justify-content: center;
    padding: 8px;
  }

  ._main_1utv0_180 {
    margin-left: 80px;
    max-width: calc(100vw - 80px);
  }
}

@media (max-width: 768px) {
  ._sidebar_1utv0_8 {
    display: none;
  }

  ._main_1utv0_180 {
    margin-left: 0;
    max-width: 100vw;
  }

  ._content_1utv0_302 {
    padding: 16px;
  }
}
._container_1097i_1 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

._card_1097i_10 {
  width: 100%;
  max-width: 400px;
  background: white;
  border-radius: 16px;
  padding: 32px 24px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}

._title_1097i_19 {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: #1a1a2e;
  margin-bottom: 4px;
}

._subtitle_1097i_27 {
  text-align: center;
  color: #666;
  margin-bottom: 32px;
}

._form_1097i_33 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

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

._field_1097i_39 label {
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

._field_1097i_39 input {
  height: 52px;
  padding: 0 16px;
  font-size: 16px;
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  transition: border-color 0.2s;
}

._field_1097i_39 input:focus {
  outline: none;
  border-color: #667eea;
}

._button_1097i_65 {
  height: 52px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  margin-top: 8px;
  transition: transform 0.2s, box-shadow 0.2s;
}

._button_1097i_65:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

._button_1097i_65:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

._error_1097i_88 {
  color: #dc3545;
  text-align: center;
  font-size: 14px;
}

._passwordWrapper_1097i_94 {
  position: relative;
}

._passwordWrapper_1097i_94 input {
  width: 100%;
  padding-right: 48px;
}

._eyeButton_1097i_103 {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
  color: #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s;
}

._eyeButton_1097i_103:hover {
  color: #667eea;
}
/* Container */
._container_1gnix_2 {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: white;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  position: relative;
}

/* Mobile keyboard handling */
@media (max-width: 768px) {
  ._container_1gnix_2 {
    height: 100vh;
    height: 100dvh; /* Dynamic viewport height - excludes keyboard */
  }
}

._loading_1gnix_21,
._error_1gnix_22 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  font-size: 16px;
}

/* Header */
._header_1gnix_32 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  background: white;
  border-bottom: 1px solid #f0f0f0;
  flex-shrink: 0;
  z-index: 10;
}

._backBtn_1gnix_43 {
  background: none;
  border: none;
  color: #666;
  padding: 8px;
  margin: -8px;
  margin-right: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: background 0.2s;
}

._backBtn_1gnix_43:hover {
  background: #f0f0f0;
}

._headerInfo_1gnix_62 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;
}

._headerAvatar_1gnix_70 {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._headerText_1gnix_84 {
  flex: 1;
  min-width: 0;
}

._headerName_1gnix_89 {
  font-size: 16px;
  font-weight: 600;
  color: #1a1a2e;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._headerStatus_1gnix_98 {
  font-size: 13px;
  color: #666;
  display: flex;
  align-items: center;
  gap: 4px;
}

._bannedIndicator_1gnix_106 {
  color: #ef4444;
  font-weight: 600;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 2px;
}

._editNameContainer_1gnix_116 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}

._editNameInput_1gnix_123 {
  flex: 1;
  min-width: 0;
  padding: 4px 8px;
  font-size: 16px;
  border: 2px solid #667eea;
  border-radius: 4px;
  outline: none;
  font-weight: 600;
}

._editNameBtn_1gnix_134 {
  width: 28px;
  height: 28px;
  min-width: 28px;
  flex-shrink: 0;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

._editNameBtnSave_1gnix_149 {
  background-color: #4caf50;
}

._editNameBtnCancel_1gnix_153 {
  background-color: #f44336;
}

@media (max-width: 768px) {
  ._editNameContainer_1gnix_116 {
    gap: 4px;
  }
  
  ._editNameBtn_1gnix_134 {
    width: 32px;
    height: 32px;
    min-width: 32px;
    font-size: 16px;
  }
}

._axlButton_1gnix_170 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%);
  border-radius: 50%;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(33, 150, 243, 0.2);
  transition: opacity 0.2s ease;
  flex-shrink: 0;
  margin-left: auto;
}

._axlButton_1gnix_170:hover {
  opacity: 0.85;
}

._axlButton_1gnix_170:active {
  opacity: 0.7;
}

._axlIcon_1gnix_193 {
  color: white;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.3px;
}

._axlButtonInactive_1gnix_200 {
  background: #e0e0e0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  cursor: pointer !important;
}

._axlButtonInactive_1gnix_200:hover {
  opacity: 0.8;
}

._axlButtonInactive_1gnix_200 ._axlIcon_1gnix_193 {
  color: #999;
}

._infoButton_1gnix_214 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: white;
  border: 2px solid #e0e0e0;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: 8px;
}

._infoButton_1gnix_214:hover {
  border-color: #667eea;
  background: rgba(102, 126, 234, 0.05);
}

._infoButtonActive_1gnix_235 {
  border-color: #667eea;
  background: rgba(102, 126, 234, 0.1);
}

._infoButton_1gnix_214 ._infoIcon_1gnix_240 {
  font-size: 16px;
  font-weight: 700;
  font-style: italic;
  color: #667eea;
}

/* Ban Button */
._banButton_1gnix_248 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 14px;
  background: white;
  border: 2px solid #ef4444;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
  margin-right: 8px;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
  color: #ef4444;
}

._banButton_1gnix_248:hover:not(:disabled) {
  background: rgba(239, 68, 68, 0.05);
  border-color: #dc2626;
  color: #dc2626;
}

._banButton_1gnix_248:active:not(:disabled) {
  transform: scale(0.98);
}

._banButton_1gnix_248:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._banButtonUnban_1gnix_282 {
  border-color: #10b981;
  color: #10b981;
}

._banButtonUnban_1gnix_282:hover:not(:disabled) {
  background: rgba(16, 185, 129, 0.05);
  border-color: #059669;
  color: #059669;
}

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

._banButtonLoading_1gnix_299 {
  display: flex;
  align-items: center;
  justify-content: center;
  animation: _spin_1gnix_1276 1s linear infinite;
}

@keyframes _spin_1gnix_1276 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Mobile responsive */
@media (max-width: 768px) {
  ._banButton_1gnix_248 {
    padding: 0 10px;
    font-size: 12px;
    height: 36px;
  }
}

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

._infoItem_1gnix_324 ._infoIcon_1gnix_240 {
  font-size: 24px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border-radius: 50%;
  flex-shrink: 0;
}

._infoContent_1gnix_342 {
  flex: 1;
  min-width: 0;
}

._infoLabel_1gnix_347 {
  font-size: 12px;
  color: #999;
  margin-bottom: 2px;
}

._infoValue_1gnix_353 {
  font-size: 15px;
  font-weight: 600;
  color: #1a1a2e;
}

/* Info Modal */
._modalOverlay_1gnix_360 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  animation: _fadeIn_1gnix_1 0.2s ease;
  padding: 20px;
}

._modalContent_1gnix_375 {
  background: white;
  border-radius: 16px;
  max-width: 400px;
  width: 100%;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  animation: _slideUp_1gnix_1 0.3s ease;
  max-height: 80vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

._modalHeader_1gnix_388 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #e0e0e0;
}

._modalHeader_1gnix_388 h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #1a1a2e;
}

._modalClose_1gnix_403 {
  background: none;
  border: none;
  font-size: 24px;
  color: #999;
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
}

._modalClose_1gnix_403:hover {
  background: #f5f5f5;
  color: #666;
}

._modalBody_1gnix_424 {
  padding: 24px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Add Card Modal */
._addCardModalOverlay_1gnix_433 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  animation: _fadeIn_1gnix_1 0.2s ease;
  padding: 20px;
}

@keyframes _fadeIn_1gnix_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

._addCardModal_1gnix_433 {
  background: white;
  border-radius: 16px;
  padding: 24px;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  animation: _slideUp_1gnix_1 0.3s ease;
}

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

._modalTitle_1gnix_478 {
  font-size: 20px;
  font-weight: 600;
  color: #1a1a2e;
  margin: 0 0 12px 0;
}

._modalText_1gnix_485 {
  font-size: 15px;
  color: #666;
  line-height: 1.5;
  margin: 0 0 24px 0;
}

._modalButtons_1gnix_492 {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}

._modalBtnCancel_1gnix_498,
._modalBtnConfirm_1gnix_499 {
  padding: 10px 24px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
}

._modalBtnCancel_1gnix_498 {
  background: #f5f5f5;
  color: #666;
}

._modalBtnCancel_1gnix_498:hover:not(:disabled) {
  background: #e0e0e0;
}

._modalBtnConfirm_1gnix_499 {
  background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%);
  color: white;
}

._modalBtnConfirm_1gnix_499:hover:not(:disabled) {
  opacity: 0.9;
}

._modalBtnCancel_1gnix_498:disabled,
._modalBtnConfirm_1gnix_499:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._urlInput_1gnix_533 {
  width: 100%;
  padding: 12px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  font-size: 14px;
  margin-bottom: 20px;
  outline: none;
  transition: border-color 0.2s ease;
}

._urlInput_1gnix_533:focus {
  border-color: #2196F3;
}

._urlInput_1gnix_533::placeholder {
  color: #999;
}

._searchAxlBtn_1gnix_552 {
  width: 100%;
  padding: 12px;
  background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  margin-bottom: 16px;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

._searchAxlBtn_1gnix_552:hover:not(:disabled) {
  opacity: 0.9;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(33, 150, 243, 0.3);
}

._searchAxlBtn_1gnix_552:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._errorText_1gnix_581 {
  color: #f44336;
  font-size: 13px;
  margin: -8px 0 12px 0;
  text-align: center;
}

/* Messages */
._messages_1gnix_589 {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
  background: #f8f9fb;
}

._emptyChat_1gnix_600 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: center;
  color: #999;
  padding: 40px;
}

._emptyChat_1gnix_600 p {
  font-size: 16px;
  margin: 0;
  color: #333;
}

._emptyChat_1gnix_600 span {
  font-size: 14px;
  color: #888;
}

._dateSeparator_1gnix_623 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 0 10px;
}

._dateSeparatorText_1gnix_630 {
  background: rgba(0, 0, 0, 0.08);
  color: #555;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 14px;
  border-radius: 12px;
}

/* Message Bubble */
._bubbleWrapper_1gnix_640 {
  display: flex;
  flex-direction: column;
  margin-bottom: 2px;
}

._bubbleWrapper_1gnix_640._inbound_1gnix_646 {
  align-items: flex-start;
}

._bubbleWrapper_1gnix_640._outbound_1gnix_650 {
  align-items: flex-end;
}

._senderName_1gnix_654 {
  font-size: 11px;
  color: #64748b;
  margin-bottom: 2px;
  margin-top: 8px;
  padding-left: 12px;
  padding-right: 12px;
  font-weight: 500;
}

._bubble_1gnix_640 {
  max-width: 70%;
  min-width: 50px;
  padding: 10px 14px;
  border-radius: 16px;
  position: relative;
  word-wrap: break-word;
}

._ownBubble_1gnix_673 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

._inbound_1gnix_646 ._bubble_1gnix_640 {
  background: white;
  border: 1px solid #e0e0e0;
  border-bottom-left-radius: 4px;
}

._outbound_1gnix_650 ._bubble_1gnix_640 {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-bottom-right-radius: 4px;
}

._messageText_1gnix_691 {
  font-size: 15px;
  line-height: 1.5;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding-right: 0;
  padding-bottom: 20px;
  width: 100%;
}

._inbound_1gnix_646 ._messageText_1gnix_691 {
  color: #1a1a2e;
}

._outbound_1gnix_650 ._messageText_1gnix_691 {
  color: white;
}

._messageLink_1gnix_710 {
  color: #1a73e8;
  text-decoration: underline;
  word-break: break-all;
}

._messageLink_1gnix_710:hover {
  color: #1558b0;
}

._outbound_1gnix_650 ._messageLink_1gnix_710 {
  color: #bbdefb;
}

._outbound_1gnix_650 ._messageLink_1gnix_710:hover {
  color: #ffffff;
}

._mediaContent_1gnix_728 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  padding-right: 100px;
  padding-bottom: 4px;
}

._inbound_1gnix_646 ._mediaContent_1gnix_728 {
  color: #1a1a2e;
}

._outbound_1gnix_650 ._mediaContent_1gnix_728 {
  color: white;
}

._mediaIcon_1gnix_745 {
  font-size: 18px;
}

._messageFooter_1gnix_749 {
  position: absolute;
  bottom: 6px;
  right: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  white-space: nowrap;
}

._time_1gnix_761 {
  font-size: 11px;
}

._inbound_1gnix_646 ._time_1gnix_761 {
  color: #999;
}

._outbound_1gnix_650 ._time_1gnix_761 {
  color: rgba(255,255,255,0.7);
}

._edited_1gnix_773 {
  font-size: 10px;
  font-style: normal;
  opacity: 0.8;
}

._inbound_1gnix_646 ._edited_1gnix_773 {
  color: #999;
}

._outbound_1gnix_650 ._edited_1gnix_773 {
  color: rgba(255,255,255,0.7);
}

/* Editing indicator */
._editingIndicator_1gnix_788 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  background: #f0f0f0;
  border-top: 1px solid #e0e0e0;
  font-size: 13px;
  color: #666;
}

._cancelEditBtn_1gnix_799 {
  background: none;
  border: none;
  color: #666;
  cursor: pointer;
  font-size: 18px;
  padding: 4px 8px;
  line-height: 1;
  border-radius: 4px;
  transition: background 0.2s;
}

._cancelEditBtn_1gnix_799:hover {
  background: rgba(0,0,0,0.1);
}

/* Context menu */
._contextMenu_1gnix_816 {
  position: fixed;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  padding: 4px;
  z-index: 1000;
  min-width: 120px;
}

._contextMenu_1gnix_816 button {
  width: 100%;
  padding: 10px 16px;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  border-radius: 6px;
  transition: background 0.2s;
}

._contextMenu_1gnix_816 button:hover {
  background: #f0f0f0;
}

/* Composer */
._composer_1gnix_845 {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  padding: 12px 16px;
  background: white;
  border-top: 1px solid #f0f0f0;
  flex-shrink: 0;
  padding-bottom: max(12px, env(safe-area-inset-bottom));
}

._attachBtn_1gnix_856 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: transparent;
  color: #666;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.2s;
}

._attachBtn_1gnix_856:hover {
  background: #f0f0f0;
  color: #333;
}

._inputWrapper_1gnix_876 {
  flex: 1;
  display: flex;
  align-items: flex-end;
  background: #f8f9fb;
  border: 1px solid #e8e8e8;
  border-radius: 22px;
  padding: 4px 4px 4px 16px;
  transition: border-color 0.2s, background 0.2s;
}

._inputWrapper_1gnix_876:focus-within {
  border-color: #667eea;
  background: white;
}

._emojiWrapper_1gnix_892 {
  position: relative;
  flex-shrink: 0;
}

._emojiBtn_1gnix_897 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: transparent;
  color: #999;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.2s;
}

._emojiBtn_1gnix_897:hover {
  background: rgba(0,0,0,0.05);
  color: #666;
}

._emojiPicker_1gnix_917 {
  position: absolute;
  bottom: 46px;
  right: 0;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
  padding: 10px;
  z-index: 100;
}

._emojiGrid_1gnix_929 {
  display: grid;
  grid-template-columns: repeat(7, 32px);
  gap: 2px;
}

._emojiItem_1gnix_935 {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  cursor: pointer;
  border-radius: 6px;
  border: none;
  background: transparent;
  transition: background 0.15s;
  padding: 0;
  line-height: 1;
}

._emojiItem_1gnix_935:hover {
  background: #f0f0f0;
}

._input_1gnix_876 {
  flex: 1;
  padding: 8px 0;
  border: none;
  background: transparent;
  font-size: 15px;
  line-height: 1.4;
  resize: none;
  outline: none;
  min-height: 20px;
  max-height: 120px;
  font-family: inherit;
}

._input_1gnix_876::placeholder {
  color: #999;
}

._sendBtn_1gnix_973 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: opacity 0.2s, transform 0.2s;
}

._sendBtn_1gnix_973:hover:not(:disabled) {
  transform: scale(1.05);
}

._sendBtn_1gnix_973:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

._sendBtn_1gnix_973 svg {
  width: 20px;
  height: 20px;
  margin-left: 2px;
}

/* Unbound Chat Styles */
._unboundAvatar_1gnix_1004 {
  background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%) !important;
}

._unboundTag_1gnix_1008 {
  background: #ff9800;
  color: white;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
}

._bindBtn_1gnix_1017 {
  padding: 8px 16px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: none;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: opacity 0.2s, transform 0.2s;
  white-space: nowrap;
}

._bindBtn_1gnix_1017:hover {
  transform: scale(1.02);
}

/* Info Banner */
._infoBanner_1gnix_1035 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  background: #fff3cd;
  color: #856404;
  font-size: 14px;
  border-top: 1px solid #ffc107;
}

/* Modal */
._modalOverlay_1gnix_360 {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 16px;
}

._modal_1gnix_360 {
  background: white;
  border-radius: 16px;
  width: 100%;
  max-width: 400px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}

._modalHeader_1gnix_388 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #e0e0e0;
}

._modalHeader_1gnix_388 h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #1a1a2e;
}

._modalClose_1gnix_403 {
  background: none;
  border: none;
  color: #666;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: background 0.2s;
}

._modalClose_1gnix_403:hover {
  background: #f0f0f0;
}

._modalSearch_1gnix_1103 {
  padding: 16px 20px;
  border-bottom: 1px solid #e0e0e0;
}

._modalSearch_1gnix_1103 input {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  font-size: 15px;
  outline: none;
  transition: border-color 0.2s;
}

._modalSearch_1gnix_1103 input:focus {
  border-color: #667eea;
}

._modalList_1gnix_1122 {
  flex: 1;
  overflow-y: auto;
  padding: 8px 0;
}

._modalLoading_1gnix_1128,
._modalEmpty_1gnix_1129 {
  padding: 40px 16px;
  text-align: center;
  color: #999;
}

._modalItem_1gnix_1135 {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 20px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background 0.2s;
}

._modalItem_1gnix_1135:hover:not(:disabled) {
  background: #f5f7fa;
}

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

._modalAvatar_1gnix_1157 {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._modalInfo_1gnix_1171 {
  flex: 1;
  min-width: 0;
}

._modalName_1gnix_1176 {
  font-size: 15px;
  font-weight: 600;
  color: #1a1a2e;
}

._modalEmail_1gnix_1182 {
  font-size: 13px;
  color: #666;
  margin-top: 2px;
}

/* Media content styles */
._mediaWrapper_1gnix_1189 {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._photoMessage_1gnix_1196 {
  max-width: 280px;
  max-height: 400px;
  border-radius: 12px;
  cursor: pointer;
  object-fit: cover;
  display: block;
}

._videoMessage_1gnix_1205 {
  max-width: 280px;
  max-height: 400px;
  border-radius: 12px;
  display: block;
}

._audioMessage_1gnix_1212 {
  width: 280px;
  max-width: 100%;
}

._caption_1gnix_1217 {
  font-size: 14px;
  line-height: 1.4;
  white-space: pre-wrap;
}

._fileLink_1gnix_1223 {
  color: inherit;
  text-decoration: underline;
}

._fileLink_1gnix_1223:hover {
  opacity: 0.8;
}

/* File preview */
._filePreview_1gnix_1233 {
  background: #f0f0f0;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  padding: 12px 16px;
  margin: 0 16px 8px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

._fileName_1gnix_1246 {
  flex: 1;
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._removeFileBtn_1gnix_1255 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #f0f0f0;
  border: none;
  color: #666;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
  transition: background 0.2s;
}

._removeFileBtn_1gnix_1255:hover {
  background: #e0e0e0;
}

/* Spinner for upload */
._spinner_1gnix_1276 {
  width: 20px;
  height: 20px;
  border: 2px solid #f0f0f0;
  border-top-color: #667eea;
  border-radius: 50%;
  animation: _spin_1gnix_1276 0.8s linear infinite;
}

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

/* Mobile adjustments */
@media (max-width: 768px) {
  ._container_1gnix_2 {
    border-radius: 0;
    box-shadow: none;
  }
}

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

  ._headerAvatar_1gnix_70 {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }

  ._headerName_1gnix_89 {
    font-size: 15px;
  }

  ._messages_1gnix_589 {
    padding: 16px;
    padding-bottom: 20px;
  }

  ._bubble_1gnix_640 {
    max-width: 85%;
  }

  ._composer_1gnix_845 {
    padding: 8px 12px;
    padding-bottom: max(10px, env(safe-area-inset-bottom, 10px));
    gap: 6px;
  }

  ._filePreview_1gnix_1233 {
    margin: 0 12px 8px 12px;
  }

  ._attachBtn_1gnix_856 {
    width: 36px;
    height: 36px;
  }

  ._attachBtn_1gnix_856 svg {
    width: 20px;
    height: 20px;
  }

  ._inputWrapper_1gnix_876 {
    padding: 2px 2px 2px 12px;
  }

  ._sendBtn_1gnix_973 {
    width: 40px;
    height: 40px;
  }

  ._emojiBtn_1gnix_897 {
    width: 32px;
    height: 32px;
  }

  ._emojiBtn_1gnix_897 svg {
    width: 20px;
    height: 20px;
  }

  ._emojiPicker_1gnix_917 {
    right: -40px;
  }

  ._emojiGrid_1gnix_929 {
    grid-template-columns: repeat(7, 30px);
  }

  ._emojiItem_1gnix_935 {
    width: 30px;
    height: 30px;
    font-size: 18px;
  }

  ._dropdownMenu_1gnix_1374 {
    right: 0;
    width: 240px;
  }

  ._toast_1gnix_1379 {
    right: 16px;
    left: 16px;
    width: auto;
  }
}

/* Menu Button and Dropdown */
._menuWrapper_1gnix_1387 {
  position: relative;
  display: flex;
  align-items: center;
}

._menuButton_1gnix_1393 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: #f5f5f5;
  color: #666;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

._menuButton_1gnix_1393:hover {
  background: #e8e8e8;
  color: #333;
}

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

._menuButtonActive_1gnix_1416 {
  background: #667eea;
  color: white;
}

._menuButtonActive_1gnix_1416:hover {
  background: #5568d3;
}

._dropdownMenu_1gnix_1374 {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  z-index: 1000;
  min-width: 260px;
  animation: _dropdownSlide_1gnix_1 0.2s ease-out;
}

@keyframes _dropdownSlide_1gnix_1 {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

._menuItem_1gnix_1449 {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 14px 18px;
  border: none;
  background: none;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.15s;
  border-bottom: 1px solid #f0f0f0;
}

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

._menuItem_1gnix_1449:hover:not(:disabled) {
  background: #f8f8f8;
  color: #667eea;
}

._menuItem_1gnix_1449:active:not(:disabled) {
  background: #f0f0f0;
}

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

/* Toast Notification */
._toast_1gnix_1379 {
  position: fixed;
  top: 24px;
  right: 24px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  z-index: 10000;
  animation: _toastSlide_1gnix_1 0.3s ease-out;
  font-size: 14px;
  font-weight: 500;
  min-width: 280px;
}

@keyframes _toastSlide_1gnix_1 {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

._toastSuccess_1gnix_1515 {
  border-left: 4px solid #16a34a;
}

._toastError_1gnix_1519 {
  border-left: 4px solid #dc2626;
}

._toastIcon_1gnix_1523 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
  flex-shrink: 0;
}

._toastSuccess_1gnix_1515 ._toastIcon_1gnix_1523 {
  background: #dcfce7;
  color: #16a34a;
}

._toastError_1gnix_1519 ._toastIcon_1gnix_1523 {
  background: #fee2e2;
  color: #dc2626;
}

._toastText_1gnix_1545 {
  flex: 1;
  color: #333;
}
/* Telegram Connect Button */
._telegramConnectBtn_1lvnd_2 {
  display: block;
  width: 100%;
  padding: 12px 16px;
  background: #e53935;
  color: white;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 12px;
  margin-bottom: 12px;
  cursor: pointer;
  transition: background 0.2s;
  animation: _telegramPulse_1lvnd_1 2s ease-in-out infinite;
}

._telegramConnectBtn_1lvnd_2:hover {
  background: #c62828;
  color: white;
  text-decoration: none;
}

@keyframes _telegramPulse_1lvnd_1 {
  0%, 100% { box-shadow: 0 0 0 0 rgba(229, 57, 53, 0.4); }
  50% { box-shadow: 0 0 0 8px rgba(229, 57, 53, 0); }
}

/* Tab Switcher */
._tabSwitcher_1lvnd_32 {
  display: flex;
  gap: 4px;
  padding: 4px;
  background: #f0f0f0;
  border-radius: 12px;
  margin-bottom: 12px;
}

._tabBtn_1lvnd_41 {
  flex: 1;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
  color: #666;
  background: transparent;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

._tabBtn_1lvnd_41._active_1lvnd_58 {
  color: #111;
  background: white;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

._badge_1lvnd_64 {
  background: #ff9800;
  color: white;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 10px;
  min-width: 18px;
  text-align: center;
}

/* Unbound Avatar */
._unboundAvatar_1lvnd_76 {
  background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%) !important;
}

._unboundBadge_1lvnd_80 {
  background: #ff9800;
  color: white;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
  white-space: nowrap;
}

/* Banned Avatar */
._bannedAvatar_1lvnd_91 {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
}

._bannedBadge_1lvnd_95 {
  background: #ef4444;
  color: white;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
  white-space: nowrap;
}

._bannedDate_1lvnd_105 {
  font-size: 10px;
  color: #999;
  font-weight: 500;
}

._lastMessage_1lvnd_111 {
  font-size: 12px;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
}

/* Mobile Page */
._mobilePage_1lvnd_121 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._mobileChat_1lvnd_127 {
  position: fixed;
  inset: 0;
  background: #f5f7fa;
  z-index: 100;
  display: flex;
  flex-direction: column;
}

/* Search & Filters */
._searchBox_1lvnd_137 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

._searchInput_1lvnd_147 {
  flex: 1;
  border: none;
  font-size: 16px;
  outline: none;
  background: transparent;
}

._searchInput_1lvnd_147::placeholder {
  color: #999;
}

/* Curator Filter (Admin Only) */
._curatorFilterBox_1lvnd_160 {
  padding: 12px 16px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

._curatorSelect_1lvnd_167 {
  width: 100%;
  padding: 10px 12px;
  border: 2px solid #e5e7eb;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #111;
  background: white;
  cursor: pointer;
  transition: all 0.2s;
  outline: none;
}

._curatorSelect_1lvnd_167:hover:not(:disabled) {
  border-color: #667eea;
}

._curatorSelect_1lvnd_167:focus {
  border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

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

._filters_1lvnd_195 {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}

._filterBtn_1lvnd_201 {
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 500;
  color: #666;
  background: white;
  border: 2px solid transparent;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s;
}

._filterBtn_1lvnd_201._active_1lvnd_58 {
  color: #667eea;
  border-color: #667eea;
  background: rgba(102, 126, 234, 0.1);
}

._moreFiltersWrapper_1lvnd_219 {
  position: relative;
  z-index: 20;
}

._moreFiltersDropdown_1lvnd_224 {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  background: white;
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.12);
  padding: 4px;
  min-width: 160px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._moreFilterItem_1lvnd_239 {
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 500;
  color: #666;
  background: transparent;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  text-align: left;
  white-space: nowrap;
}

._moreFilterItem_1lvnd_239:hover {
  background: rgba(102, 126, 234, 0.05);
  color: #667eea;
}

._moreFilterItem_1lvnd_239._active_1lvnd_58 {
  color: #667eea;
  background: rgba(102, 126, 234, 0.1);
  font-weight: 600;
}

._list_1lvnd_264 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

._pullRefreshIndicator_1lvnd_273 {
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  font-size: 24px;
  transition: opacity 0.2s;
}

._pullIcon_1lvnd_290 {
  animation: none;
}

._spinner_1lvnd_294 {
  animation: _spin_1lvnd_294 0.8s linear infinite;
}

@keyframes _spin_1lvnd_294 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

._loading_1lvnd_307,
._empty_1lvnd_308 {
  text-align: center;
  padding: 40px 16px;
  color: #999;
}

/* Mobile Student Card */
._studentCardWrapper_1lvnd_315 {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}

._studentCardMobile_1lvnd_321 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: white;
  border-radius: 12px;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  transition: transform 0.25s ease-out, box-shadow 0.15s;
  position: relative;
  z-index: 1;
}

._telegramTag_1lvnd_335 {
  font-size: 12px;
  color: #94a3b8;
  font-weight: 400;
}

._statusBadge_1lvnd_341 {
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
}

._chevron_1lvnd_349 {
  flex-shrink: 0;
  opacity: 0.5;
}

/* Split View Desktop */
._splitView_1lvnd_355 {
  display: flex;
  height: 100%;
  background: #f0f2f5;
  padding: 16px;
  gap: 16px;
  overflow: hidden;
  box-sizing: border-box;
}

/* Sidebar */
._sidebar_1lvnd_366 {
  width: 380px;
  min-width: 320px;
  max-width: 420px;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: white;
  border-radius: 16px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  overflow: hidden;
}

._sidebar_1lvnd_366 ._tabSwitcher_1lvnd_32 {
  margin: 16px;
  margin-bottom: 0;
}

._sidebar_1lvnd_366 ._searchBox_1lvnd_137 {
  margin: 16px;
  margin-top: 12px;
  border-radius: 12px;
  box-shadow: none;
  border: 1px solid #e8e8e8;
  background: #f8f9fb;
}

._sidebar_1lvnd_366 ._filters_1lvnd_195 {
  padding: 0 16px 12px;
}

._sidebar_1lvnd_366 ._filterBtn_1lvnd_201 {
  padding: 6px 6px;
  font-size: 12px;
}

._studentsList_1lvnd_402 {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}

._studentItem_1lvnd_408 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  cursor: pointer;
  border-bottom: 1px solid #f5f5f5;
  transition: background 0.2s;
}

._studentItem_1lvnd_408:hover {
  background: #f8f9fb;
}

._studentItem_1lvnd_408._selected_1lvnd_422 {
  background: rgba(102, 126, 234, 0.08);
  border-left: 3px solid #667eea;
}

._studentAvatar_1lvnd_427 {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._unreadBadge_1lvnd_441 {
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  background: #59c95f;
  color: white;
  font-size: 12px;
  font-weight: 500;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: auto;
}

._unreadBadge_1lvnd_441._markedUnreadBadge_1lvnd_457 {
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  background: #ff9800 !important;
  border-radius: 10px !important;
}

._unreadBadgeMobile_1lvnd_466 {
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  background: #59c95f;
  color: white;
  font-size: 12px;
  font-weight: 500;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._unreadBadgeMobile_1lvnd_466._markedUnreadBadge_1lvnd_457 {
  background: #ff9800 !important;
  min-width: 22px !important;
  width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  border-radius: 11px !important;
}

/* Right Badges Container (Desktop) */
._rightBadges_1lvnd_491 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  margin-left: auto;
  flex-shrink: 0;
}

/* Right Badges Container (Mobile) */
._rightBadgesMobile_1lvnd_501 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

/* Wait Time Badge (Desktop) */
._waitTimeBadge_1lvnd_510 {
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Wait Time Badge (Mobile) */
._waitTimeBadgeMobile_1lvnd_523 {
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

._studentInfo_1lvnd_535 {
  flex: 1;
  min-width: 0;
}

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

._studentName_1lvnd_540 {
  font-size: 15px;
  font-weight: 600;
  color: #1a1a2e;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._studentMeta_1lvnd_555 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 6px;
  margin-top: 4px;
  font-size: 13px;
  color: #999;
}

._statusBadges_1lvnd_565 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 4px;
}

._lastMessagePreview_1lvnd_572 {
  font-size: 13px;
  color: #999;
  margin-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

._curatorLabel_1lvnd_582 {
  font-size: 10px;
  color: #94a3b8;
  font-weight: 400;
  display: block;
  width: 100%;
  margin-bottom: 2px;
}

._sidebar_1lvnd_366 ._studentNameRow_1lvnd_540 {
  gap: 6px;
}

._sidebar_1lvnd_366 ._telegramTag_1lvnd_335 {
  font-size: 11px;
  color: #94a3b8;
}

._sidebar_1lvnd_366 ._statusBadge_1lvnd_341 {
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 4px;
}

/* Chat Panel */
._chatPanel_1lvnd_607 {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  overflow: hidden;
}

._noSelection_1lvnd_616 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  color: #999;
  background: white;
  border-radius: 16px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

._noSelection_1lvnd_616 p {
  font-size: 16px;
}

@media (min-width: 1024px) {
  ._sidebar_1lvnd_366 {
    width: 400px;
  }
}

@media (min-width: 1280px) {
  ._sidebar_1lvnd_366 {
    width: 420px;
  }
}

/* Context Menu */
._contextMenu_1lvnd_646 {
  background: white;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.15);
  padding: 4px;
  min-width: 220px;
  z-index: 1000;
  animation: _fadeIn_1lvnd_1 0.15s ease-out;
}

@keyframes _fadeIn_1lvnd_1 {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

._contextMenuItem_1lvnd_667 {
  display: block;
  width: 100%;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.15s;
  text-align: left;
  white-space: nowrap;
}

._contextMenuItem_1lvnd_667:hover {
  background: rgba(102, 126, 234, 0.1);
  color: #667eea;
}
._page_126ir_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._card_126ir_7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 24px;
  background: white;
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

._avatar_126ir_17 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  font-size: 32px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

._name_126ir_31 {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0 0 4px;
}

._email_126ir_38 {
  font-size: 15px;
  color: #666;
  margin: 0 0 16px;
}

._roles_126ir_44 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}

._role_126ir_44 {
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 600;
  color: #667eea;
  background: rgba(102, 126, 234, 0.1);
  border-radius: 20px;
}

._info_126ir_60 {
  background: white;
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  overflow: hidden;
}

._row_126ir_67 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #f0f0f0;
}

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

._label_126ir_79 {
  font-size: 14px;
  color: #999;
}

._value_126ir_84 {
  font-size: 15px;
  font-weight: 500;
  color: #333;
}
._overlay_r3rc4_1 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
  animation: _fadeIn_r3rc4_1 0.15s ease;
}

@keyframes _fadeIn_r3rc4_1 {
  from { opacity: 0; }
  to { opacity: 1; }
}

._modal_r3rc4_18 {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  width: 100%;
  max-width: 520px;
  max-height: 90vh;
  overflow-y: auto;
  animation: _slideUp_r3rc4_1 0.2s ease;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

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

._header_r3rc4_41 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #e5e7eb;
}

._title_r3rc4_49 {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #1a1a2e;
  margin: 0;
}

._closeBtn_r3rc4_57 {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  color: #9ca3af;
  cursor: pointer;
  transition: color 0.2s ease;
}

._closeBtn_r3rc4_57:hover {
  color: #374151;
}

._warning_r3rc4_74 {
  margin: 16px 24px;
  padding: 12px 16px;
  background: rgba(251, 191, 36, 0.08);
  border: 1px solid rgba(251, 191, 36, 0.2);
  border-radius: 8px;
  color: #d97706;
  font-size: 14px;
}

._form_r3rc4_84 {
  padding: 24px;
}

._field_r3rc4_88 {
  margin-bottom: 20px;
}

._field_r3rc4_88 label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #6b7280;
  margin-bottom: 8px;
}

._field_r3rc4_88 input,
._field_r3rc4_88 select {
  width: 100%;
  padding: 12px 14px;
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  color: #1a1a2e;
  font-size: 14px;
  transition: all 0.2s ease;
}

._field_r3rc4_88 input:focus,
._field_r3rc4_88 select:focus {
  outline: none;
  border-color: #6366f1;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

._field_r3rc4_88 input::placeholder {
  color: #9ca3af;
}

._field_r3rc4_88 input:disabled,
._field_r3rc4_88 select:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: #f9fafb;
}

._field_r3rc4_88 select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 40px;
}

._field_r3rc4_88 select option {
  background: #ffffff;
  color: #1a1a2e;
}

._permissionsSection_r3rc4_143 {
  margin-bottom: 20px;
}

._permissionsLabel_r3rc4_147 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #6b7280;
  margin-bottom: 12px;
}

._allAccess_r3rc4_157 {
  font-weight: 400;
  color: #16a34a;
}

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

._permissionItem_r3rc4_168 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 13px;
  color: #374151;
  cursor: pointer;
  transition: all 0.2s ease;
}

._permissionItem_r3rc4_168:hover {
  background: #f3f4f6;
}

._permissionItem_r3rc4_168._disabled_r3rc4_186 {
  cursor: not-allowed;
  opacity: 0.6;
}

._permissionItem_r3rc4_168 input {
  display: none;
}

._checkmark_r3rc4_195 {
  width: 18px;
  height: 18px;
  border: 2px solid #d1d5db;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

._permissionItem_r3rc4_168 input:checked + ._checkmark_r3rc4_195 {
  background: #6366f1;
  border-color: #6366f1;
}

._permissionItem_r3rc4_168 input:checked + ._checkmark_r3rc4_195::after {
  content: '';
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) translate(-1px, -1px);
}

._error_r3rc4_221 {
  padding: 12px 14px;
  background: rgba(239, 68, 68, 0.06);
  border: 1px solid rgba(239, 68, 68, 0.15);
  border-radius: 8px;
  color: #ef4444;
  font-size: 14px;
  margin-bottom: 20px;
}

._actions_r3rc4_231 {
  display: flex;
  gap: 12px;
  padding-top: 8px;
}

._cancelBtn_r3rc4_237 {
  flex: 1;
  padding: 12px 20px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

._cancelBtn_r3rc4_237:hover {
  background: #e5e7eb;
  color: #374151;
}

._saveBtn_r3rc4_255 {
  flex: 1;
  padding: 12px 20px;
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

._saveBtn_r3rc4_255:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

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

/* Responsive */
@media (max-width: 600px) {
  ._modal_r3rc4_18 {
    max-height: 100vh;
    border-radius: 0;
  }

  ._permissionsGrid_r3rc4_162 {
    grid-template-columns: 1fr;
  }
}
._overlay_dgxek_1 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1001;
  padding: 20px;
  animation: _fadeIn_dgxek_1 0.15s ease;
}

@keyframes _fadeIn_dgxek_1 {
  from { opacity: 0; }
  to { opacity: 1; }
}

._modal_dgxek_18 {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  width: 100%;
  max-width: 400px;
  padding: 32px;
  text-align: center;
  animation: _slideUp_dgxek_1 0.2s ease;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

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

._icon_dgxek_41 {
  width: 56px;
  height: 56px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(251, 191, 36, 0.08);
  border-radius: 50%;
  color: #d97706;
}

._icon_dgxek_41._danger_dgxek_53 {
  background: rgba(239, 68, 68, 0.08);
  color: #ef4444;
}

._title_dgxek_58 {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #1a1a2e;
  margin: 0 0 8px;
}

._message_dgxek_66 {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 24px;
  line-height: 1.5;
}

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

._cancelBtn_dgxek_78 {
  flex: 1;
  padding: 12px 20px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

._cancelBtn_dgxek_78:hover:not(:disabled) {
  background: #e5e7eb;
  color: #374151;
}

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

._confirmBtn_dgxek_101 {
  flex: 1;
  padding: 12px 20px;
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

._confirmBtn_dgxek_101:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

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

._confirmBtn_dgxek_101._dangerBtn_dgxek_124 {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
}

._confirmBtn_dgxek_101._dangerBtn_dgxek_124:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}
._container_bsain_1 {
  max-width: 1200px;
  margin: 0 auto;
}

._header_bsain_6 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 32px;
  gap: 16px;
  flex-wrap: wrap;
}

._title_bsain_15 {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 28px;
  font-weight: 600;
  color: #1a1a2e;
  margin: 0;
  letter-spacing: -0.02em;
}

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

._addButton_bsain_30 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  border: none;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

._addButton_bsain_30:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(99, 102, 241, 0.4);
}

._error_bsain_51 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: rgba(239, 68, 68, 0.08);
  border: 1px solid rgba(239, 68, 68, 0.15);
  border-radius: 10px;
  color: #ef4444;
  margin-bottom: 24px;
}

._error_bsain_51 button {
  background: none;
  border: none;
  color: #ef4444;
  font-size: 20px;
  cursor: pointer;
  padding: 0 4px;
}

._tableWrapper_bsain_72 {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

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

._table_bsain_72 th {
  text-align: left;
  padding: 16px 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #6b7280;
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}

._table_bsain_72 td {
  padding: 16px 20px;
  font-size: 14px;
  color: #1a1a2e;
  border-bottom: 1px solid #f3f4f6;
}

._table_bsain_72 tr:last-child td {
  border-bottom: none;
}

._table_bsain_72 tr._inactive_bsain_108 {
  opacity: 0.5;
}

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

._avatar_bsain_118 {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
}

._emailCell_bsain_131 {
  color: #6b7280;
}

._roleBadge_bsain_135 {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
}

._roleSuperAdmin_bsain_143 {
  background: rgba(239, 68, 68, 0.1);
  color: #dc2626;
}

._roleAdmin_bsain_148 {
  background: rgba(251, 191, 36, 0.12);
  color: #d97706;
}

._roleCurator_bsain_153 {
  background: rgba(34, 197, 94, 0.1);
  color: #16a34a;
}

._roleLeadCurator_bsain_158 {
  background: rgba(16, 185, 129, 0.1);
  color: #059669;
}

._roleSalesLead_bsain_163 {
  background: rgba(139, 92, 246, 0.1);
  color: #7c3aed;
}

._roleSalesManager_bsain_168 {
  background: rgba(59, 130, 246, 0.1);
  color: #2563eb;
}

._statusBadge_bsain_173 {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
}

._statusActive_bsain_181 {
  background: rgba(34, 197, 94, 0.1);
  color: #16a34a;
}

._statusInactive_bsain_186 {
  background: rgba(107, 114, 128, 0.1);
  color: #6b7280;
}

._actions_bsain_191 {
  display: flex;
  gap: 8px;
}

._actionBtn_bsain_196 {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.2s ease;
}

._actionBtn_bsain_196:hover {
  background: #e5e7eb;
  color: #374151;
}

._actionBtn_bsain_196._warning_bsain_215:hover {
  background: rgba(251, 191, 36, 0.12);
  border-color: rgba(251, 191, 36, 0.3);
  color: #d97706;
}

._actionBtn_bsain_196._success_bsain_221:hover {
  background: rgba(34, 197, 94, 0.1);
  border-color: rgba(34, 197, 94, 0.3);
  color: #16a34a;
}

._actionBtn_bsain_196._danger_bsain_227:hover {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
  color: #dc2626;
}

._empty_bsain_233 {
  text-align: center;
  color: #9ca3af;
  padding: 48px !important;
}

._loading_bsain_239 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 64px;
  color: #6b7280;
}

._spinner_bsain_249 {
  width: 32px;
  height: 32px;
  border: 3px solid #e5e7eb;
  border-top-color: #6366f1;
  border-radius: 50%;
  animation: _spin_bsain_249 0.8s linear infinite;
}

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

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

  ._addButton_bsain_30 {
    justify-content: center;
  }

  ._table_bsain_72 th:nth-child(4),
  ._table_bsain_72 td:nth-child(4) {
    display: none;
  }

  ._table_bsain_72 th,
  ._table_bsain_72 td {
    padding: 12px 16px;
  }

  ._actions_bsain_191 {
    flex-wrap: wrap;
  }
}
._container_f33li_1 {
  max-width: 1600px;
  margin: 0 auto;
  padding: 2rem;
}

._header_f33li_7 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2rem;
  gap: 2rem;
}

._title_f33li_15 {
  font-size: 2rem;
  font-weight: 600;
  color: #1a1a2e;
  margin: 0 0 0.5rem 0;
}

._subtitle_f33li_22 {
  font-size: 0.95rem;
  color: #6b7280;
  margin: 0;
}

._searchBox_f33li_28 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  min-width: 350px;
}

._searchBox_f33li_28 svg {
  color: #9ca3af;
  flex-shrink: 0;
}

._searchInput_f33li_44 {
  border: none;
  outline: none;
  font-size: 0.95rem;
  width: 100%;
  color: #1a1a1a;
}

._searchInput_f33li_44::placeholder {
  color: #9ca3af;
}

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

._statCard_f33li_63 {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._statValue_f33li_73 {
  font-size: 2rem;
  font-weight: 700;
  color: #6366f1;
}

._statLabel_f33li_79 {
  font-size: 0.875rem;
  color: #6b7280;
}

._loading_f33li_84 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  gap: 1rem;
  color: #666;
}

._spinner_f33li_94 {
  width: 40px;
  height: 40px;
  border: 3px solid #f3f4f6;
  border-top-color: #6366f1;
  border-radius: 50%;
  animation: _spin_f33li_94 0.8s linear infinite;
}

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

._error_f33li_107 {
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #991b1b;
}

._error_f33li_107 button {
  background: none;
  border: none;
  font-size: 1.5rem;
  color: #991b1b;
  cursor: pointer;
  padding: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._tableWrapper_f33li_133 {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
}

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

._table_f33li_133 thead {
  background: #f9fafb;
}

._table_f33li_133 th {
  text-align: left;
  padding: 1rem;
  font-weight: 600;
  font-size: 0.875rem;
  color: #374151;
  border-bottom: 1px solid #e5e7eb;
}

._table_f33li_133 td {
  padding: 1rem;
  border-bottom: 1px solid #f3f4f6;
  font-size: 0.875rem;
  color: #1f2937;
}

._table_f33li_133 tbody tr {
  transition: background-color 0.15s;
}

._clickableRow_f33li_169 {
  cursor: pointer;
}

._table_f33li_133 tbody tr:hover {
  background: #f9fafb;
}

._table_f33li_133 tbody tr._banned_f33li_177 {
  background: #fef2f2;
}

._table_f33li_133 tbody tr._banned_f33li_177:hover {
  background: #fee2e2;
}

._nameCell_f33li_185 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._avatar_f33li_191 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.875rem;
  flex-shrink: 0;
}

._name_f33li_185 {
  font-weight: 500;
  color: #1f2937;
}

._bannedLabel_f33li_210 {
  display: inline-block;
  background: #fee2e2;
  color: #991b1b;
  font-size: 0.75rem;
  padding: 0.125rem 0.5rem;
  border-radius: 4px;
  margin-top: 0.25rem;
  font-weight: 500;
}

._emailCell_f33li_221 {
  color: #6b7280;
}

._telegramHandle_f33li_225 {
  color: #0088cc;
  font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', monospace;
  font-size: 0.85rem;
}

._statusBadge_f33li_231 {
  display: inline-block;
  padding: 0.375rem 0.75rem;
  border-radius: 6px;
  font-size: 0.8125rem;
  font-weight: 500;
}

._statusNew_f33li_239 {
  background: #dbeafe;
  color: #1e40af;
}

._statusPeriod02_f33li_244 {
  background: #d1fae5;
  color: #065f46;
}

._statusPeriod24_f33li_249 {
  background: #e0e7ff;
  color: #4338ca;
}

._statusExpulsion_f33li_254 {
  background: #ffe4e6;
  color: #9f1239;
}

._statusFreeze_f33li_259 {
  background: #e0f2fe;
  color: #075985;
}

._statusExtension_f33li_264 {
  background: #fef3c7;
  color: #92400e;
}

._statusExpelled_f33li_269 {
  background: #fecaca;
  color: #991b1b;
}

._statusCompleted_f33li_274 {
  background: #dcfce7;
  color: #166534;
}

._axlCell_f33li_279 {
  font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', monospace;
  font-size: 0.8125rem;
}

._axlLink_f33li_284 {
  color: #6366f1;
  text-decoration: none;
  transition: color 0.15s;
}

._axlLink_f33li_284:hover {
  color: #4f46e5;
  text-decoration: underline;
}

._noCurator_f33li_295 {
  color: #dc2626;
  font-weight: 600;
}

._hasCurator_f33li_300 {
  color: #16a34a;
  font-weight: 600;
}

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

._actionBtn_f33li_310 {
  border: none;
  background: #f3f4f6;
  color: #6b7280;
  padding: 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s;
}

._actionBtn_f33li_310:hover {
  background: #e5e7eb;
  color: #374151;
}

._actionBtn_f33li_310._danger_f33li_328 {
  color: #dc2626;
}

._actionBtn_f33li_310._danger_f33li_328:hover {
  background: #fee2e2;
  color: #991b1b;
}

._empty_f33li_337 {
  text-align: center;
  color: #9ca3af;
  padding: 3rem 1rem !important;
  font-style: italic;
}
._container_1wqco_1 {
  max-width: 1200px;
  margin: 0 auto;
}

/* Top bar */
._topBar_1wqco_7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

._backBtn_1wqco_14 {
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.7);
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.15s;
}

._backBtn_1wqco_14:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.25);
}

._topActions_1wqco_31 {
  display: flex;
  gap: 10px;
}

._deleteBtn_1wqco_36 {
  padding: 8px 20px;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.25);
  color: #ef4444;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s;
}

._deleteBtn_1wqco_36:hover {
  background: rgba(239, 68, 68, 0.2);
}

._saveBtn_1wqco_52 {
  padding: 8px 28px;
  background: #6366f1;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.3);
}

._saveBtn_1wqco_52:hover:not(:disabled) {
  background: #4f46e5;
}

._saveBtn_1wqco_52:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Error */
._error_1wqco_75 {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 10px;
  padding: 12px 16px;
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fca5a5;
  font-size: 14px;
}

._error_1wqco_75 button {
  background: none;
  border: none;
  color: #fca5a5;
  font-size: 1.25rem;
  cursor: pointer;
}

/* Hero card */
._heroCard_1wqco_97 {
  display: flex;
  align-items: center;
  gap: 20px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 24px 28px;
  margin-bottom: 1.5rem;
}

._heroAvatar_1wqco_108 {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 22px;
  flex-shrink: 0;
}

._heroName_1wqco_122 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 4px 0;
}

._heroMeta_1wqco_129 {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.45);
  margin: 0;
  font-family: 'SF Mono', monospace;
}

/* Grid layout */
._grid_1wqco_137 {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 1.5rem;
}

._formCol_1wqco_143 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

._infoCol_1wqco_149 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

/* Cards */
._card_1wqco_156 {
  background: #fff;
  border-radius: 12px;
  padding: 20px 24px;
}

._cardTitle_1wqco_162 {
  font-size: 15px;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 16px 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #e5e7eb;
}

/* Form fields */
._field_1wqco_172 {
  margin-bottom: 14px;
}

._field_1wqco_172:last-child {
  margin-bottom: 0;
}

._field_1wqco_172 label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

._field_1wqco_172 input,
._field_1wqco_172 select,
._field_1wqco_172 textarea {
  width: 100%;
  padding: 8px 12px;
  border: 1.5px solid #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  color: #1f2937;
  transition: all 0.15s;
  font-family: inherit;
  background: #fff;
  box-sizing: border-box;
}

._field_1wqco_172 input:focus,
._field_1wqco_172 select:focus,
._field_1wqco_172 textarea:focus {
  outline: none;
  border-color: #6366f1;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

._field_1wqco_172 textarea {
  resize: vertical;
  min-height: 80px;
}

._row_1wqco_218 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

._infoBox_1wqco_224 {
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 13px;
  color: #0c4a6e;
  line-height: 1.8;
}

._infoBox_1wqco_224 strong {
  color: #075985;
  font-weight: 600;
}

/* Checkboxes */
._checkboxGroup_1wqco_240 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: #f9fafb;
  padding: 14px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}

._checkbox_1wqco_240 {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 14px;
  color: #374151;
  padding: 6px 8px;
  border-radius: 6px;
  transition: background 0.15s;
}

._checkbox_1wqco_240:hover {
  background: #f3f4f6;
}

._checkbox_1wqco_240 input[type="checkbox"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #6366f1;
}

._dangerLabel_1wqco_273 {
  color: #dc2626;
  font-weight: 500;
}

/* System data */
._systemGrid_1wqco_279 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._sysItem_1wqco_285 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  padding: 4px 0;
}

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

._sysValue_1wqco_298 {
  color: #374151;
  font-family: 'SF Mono', monospace;
  font-size: 12px;
  text-align: right;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Payments */
._emptyText_1wqco_309 {
  color: #9ca3af;
  font-style: italic;
  font-size: 14px;
  margin: 0;
}

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

._paymentItem_1wqco_322 {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 14px;
}

._paymentTop_1wqco_329 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

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

._paymentBadgeNew_1wqco_342 {
  display: inline-block;
  padding: 1px 6px;
  background: #10b981;
  color: #fff;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
}

._paymentType_1wqco_352 {
  display: inline-block;
  padding: 1px 8px;
  background: #e0e7ff;
  color: #4338ca;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}

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

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

._paymentMeta_1wqco_375 {
  font-size: 12px;
  color: #6b7280;
}

._paymentExtId_1wqco_380 {
  margin-top: 4px;
  font-size: 11px;
  color: #9ca3af;
  font-family: 'SF Mono', monospace;
}

/* Duplicate warning */
._duplicateWarning_1wqco_388 {
  background: rgba(251, 191, 36, 0.08);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 1.5rem;
}

._duplicateHeader_1wqco_396 {
  font-size: 15px;
  color: #fbbf24;
  margin-bottom: 12px;
}

._duplicateContent_1wqco_402 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.8;
}

._duplicateContent_1wqco_402 p {
  margin: 0;
}

._duplicateContent_1wqco_402 strong {
  color: rgba(255, 255, 255, 0.95);
}

._duplicateLink_1wqco_416 {
  display: inline-block;
  margin-top: 8px;
  color: #60a5fa;
  text-decoration: none;
  font-size: 13px;
}

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

._duplicateActions_1wqco_428 {
  display: flex;
  gap: 10px;
  margin-top: 16px;
}

._mergeBtn_1wqco_434 {
  padding: 8px 20px;
  background: #f59e0b;
  color: #1f2937;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s;
}

._mergeBtn_1wqco_434:hover:not(:disabled) {
  background: #d97706;
}

._mergeBtn_1wqco_434:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._cancelMergeBtn_1wqco_455 {
  padding: 8px 20px;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.7);
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.15s;
}

._cancelMergeBtn_1wqco_455:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}

._cancelMergeBtn_1wqco_455:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Loading */
._loading_1wqco_477 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  gap: 1rem;
  color: rgba(255, 255, 255, 0.5);
}

._spinner_1wqco_487 {
  width: 40px;
  height: 40px;
  border: 3px solid rgba(255, 255, 255, 0.1);
  border-top-color: #6366f1;
  border-radius: 50%;
  animation: _spin_1wqco_487 0.8s linear infinite;
}

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

/* Responsive */
@media (max-width: 900px) {
  ._grid_1wqco_137 {
    grid-template-columns: 1fr;
  }

  ._infoCol_1wqco_149 {
    order: -1;
  }
}
._container_1i0i4_1 {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: calc(100vh - 52px - 20px);
  box-sizing: border-box;
  overflow-y: auto;
}

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

._pageHeader_1i0i4_11 h1 {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0;
}

/* Tabs */
._tabs_1i0i4_25 {
  display: flex;
  gap: 2px;
  border-bottom: 2px solid #e2e8f0;
  flex-wrap: wrap;
}

._tab_1i0i4_25,
._tabActive_1i0i4_33 {
  padding: 8px 16px;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  transition: all 0.15s;
  white-space: nowrap;
}

._tab_1i0i4_25:hover {
  color: #334155;
  background: #f8fafc;
}

._tabActive_1i0i4_33 {
  color: #6366f1;
  border-bottom-color: #6366f1;
}

/* Card */
._card_1i0i4_58 {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}

._cardHeader_1i0i4_66 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid #f1f5f9;
}

._cardHeader_1i0i4_66 h2 {
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
}

/* Table */
._table_1i0i4_82 {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

._table_1i0i4_82 thead {
  position: sticky;
  top: 0;
  z-index: 5;
}

._table_1i0i4_82 th {
  padding: 8px 12px;
  text-align: left;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  color: #475569;
  letter-spacing: 0.3px;
  white-space: nowrap;
  background: #f8f9fa;
  border-bottom: 2px solid #e2e8f0;
}

._table_1i0i4_82 td {
  padding: 6px 12px;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
  font-variant-numeric: tabular-nums;
}

._table_1i0i4_82 tbody tr:hover {
  background: #f8fafc;
}

._nameCell_1i0i4_118 {
  font-weight: 600;
  color: #1e293b;
}

._codeCell_1i0i4_123 {
  font-weight: 600;
  font-family: 'SF Mono', 'Cascadia Code', 'Fira Code', monospace;
  font-size: 12px;
  color: #475569;
}

._codeTag_1i0i4_130 {
  font-family: 'SF Mono', 'Cascadia Code', 'Fira Code', monospace;
  font-size: 12px;
  color: #6366f1;
  background: #eef2ff;
  padding: 2px 6px;
  border-radius: 4px;
}

._emptyVal_1i0i4_139 {
  color: #cbd5e1;
}

/* Status badges */
._statusActive_1i0i4_144 {
  display: inline-block;
  padding: 2px 8px;
  background: #dcfce7;
  color: #166534;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
}

._statusInactive_1i0i4_154 {
  display: inline-block;
  padding: 2px 8px;
  background: #f1f5f9;
  color: #94a3b8;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
}

/* Inactive rows */
._inactiveRow_1i0i4_165 td {
  color: #94a3b8 !important;
  background: #fafafa !important;
}

._dividerRow_1i0i4_170 {
  text-align: center !important;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #94a3b8;
  background: #f1f5f9 !important;
  padding: 6px !important;
  border-top: 2px solid #e2e8f0;
}

._emptyRow_1i0i4_182 {
  text-align: center !important;
  color: #94a3b8;
  padding: 20px !important;
}

/* Buttons */
._btnAdd_1i0i4_189 {
  padding: 6px 14px;
  background: #6366f1;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
}

._btnAdd_1i0i4_189:hover {
  background: #4f46e5;
}

._btnEdit_1i0i4_205 {
  padding: 3px 8px;
  background: #eff6ff;
  color: #3b82f6;
  border: 1px solid #bfdbfe;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
  margin-right: 4px;
  line-height: 1;
}

._btnEdit_1i0i4_205:hover {
  background: #dbeafe;
}

._btnDeactivate_1i0i4_221 {
  padding: 3px 8px;
  background: #fef2f2;
  color: #dc2626;
  border: 1px solid #fecaca;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
  line-height: 1;
}

._btnDeactivate_1i0i4_221:hover {
  background: #fee2e2;
}

._btnActivate_1i0i4_236 {
  padding: 3px 8px;
  background: #f0fdf4;
  color: #16a34a;
  border: 1px solid #bbf7d0;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
  line-height: 1;
}

._btnActivate_1i0i4_236:hover {
  background: #dcfce7;
}

._btnSave_1i0i4_251 {
  padding: 3px 10px;
  background: #dcfce7;
  color: #166534;
  border: 1px solid #86efac;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  margin-right: 4px;
  line-height: 1;
}

._btnSave_1i0i4_251:hover {
  background: #bbf7d0;
}

._btnCancel_1i0i4_268 {
  padding: 3px 8px;
  background: #f1f5f9;
  color: #64748b;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
  line-height: 1;
}

._btnCancel_1i0i4_268:hover {
  background: #e2e8f0;
}

/* Account filter for campaigns */
._accountFilter_1i0i4_284 {
  display: flex;
  gap: 4px;
  padding: 8px 16px;
  border-bottom: 1px solid #f1f5f9;
  background: #fafafa;
}

._filterBtn_1i0i4_292,
._filterActive_1i0i4_293 {
  padding: 4px 12px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  transition: all 0.15s;
}

._filterBtn_1i0i4_292:hover {
  background: #f1f5f9;
}

._filterActive_1i0i4_293 {
  background: #6366f1;
  color: #fff;
  border-color: #6366f1;
}

/* Edit row */
._editRow_1i0i4_316 {
  background: #eff6ff !important;
}

._editRow_1i0i4_316 td {
  background: #eff6ff !important;
}

/* Input */
._input_1i0i4_325 {
  width: 100%;
  padding: 4px 8px;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-size: 13px;
  outline: none;
  box-sizing: border-box;
}

._input_1i0i4_325:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.15);
}

/* Color picker */
._colorPicker_1i0i4_341 {
  position: relative;
  display: inline-block;
}

._colorCircle_1i0i4_346 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid #e2e8f0;
  cursor: pointer;
  transition: transform 0.15s;
}

._colorCircle_1i0i4_346:hover {
  transform: scale(1.1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

._colorPalette_1i0i4_360 {
  position: absolute;
  top: 36px;
  left: 0;
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 6px;
  z-index: 1000;
  min-width: 280px;
}

._colorOption_1i0i4_376 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid #e2e8f0;
  cursor: pointer;
  transition: transform 0.15s;
}

._colorOption_1i0i4_376:hover {
  transform: scale(1.15);
  border-color: #6366f1;
}

._hexInput_1i0i4_390 {
  grid-column: 1 / -1;
  margin-top: 4px;
  padding: 4px 8px;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-size: 12px;
  font-family: monospace;
  width: 100%;
  box-sizing: border-box;
  outline: none;
}

._hexInput_1i0i4_390:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.15);
}

/* Clickable name cell */
._clickName_1i0i4_409 {
  font-weight: 600;
  color: #1e293b;
  cursor: pointer;
}

._clickName_1i0i4_409:hover {
  color: #6366f1;
  text-decoration: underline;
}

/* Modal */
._modalOverlay_1i0i4_421 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

._modal_1i0i4_421 {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  min-width: 420px;
  max-width: 520px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}

._modal_1i0i4_421 h2 {
  font-size: 16px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 16px;
}

._formGroup_1i0i4_447 {
  margin-bottom: 12px;
}

._formGroup_1i0i4_447 label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #475569;
  margin-bottom: 4px;
}

._formInput_1i0i4_459 {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
  outline: none;
  box-sizing: border-box;
}

._formInput_1i0i4_459:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.15);
}

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

._formRow_1i0i4_474 ._formGroup_1i0i4_447 {
  flex: 1;
}

._helpText_1i0i4_483 {
  font-size: 11px;
  color: #94a3b8;
  margin-top: 2px;
}

._readonlyField_1i0i4_489 {
  padding: 8px 10px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
  color: #475569;
  font-family: 'SF Mono', 'Cascadia Code', 'Fira Code', monospace;
}

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

._btnSaveModal_1i0i4_506 {
  padding: 8px 20px;
  background: #6366f1;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

._btnSaveModal_1i0i4_506:hover {
  background: #4f46e5;
}

._colorCircleLg_1i0i4_521 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid #e2e8f0;
  cursor: pointer;
  transition: transform 0.15s;
}

._colorCircleLg_1i0i4_521:hover {
  transform: scale(1.1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

._loadingBox_1i0i4_535 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  color: #6b7280;
}
._container_1f6sh_1 {
  padding: 8px 12px;
  max-width: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 52px - 20px);
  box-sizing: border-box;
  overflow: hidden;
}

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

._header_1f6sh_12 h1 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  color: #1a1a1a;
}

._tabs_1f6sh_26 {
  display: flex;
  gap: 8px;
  margin-bottom: 6px;
  border-bottom: 2px solid #e9ecef;
  align-items: center;
}

._addManualBtn_1f6sh_34 {
  margin-left: auto;
  padding: 8px 20px;
  background: #28a745;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
  white-space: nowrap;
}

._addManualBtn_1f6sh_34:hover {
  background: #218838;
}

._copySelectedBar_1f6sh_52 {
  display: flex;
  padding: 8px 0;
}

._copySelectedBtn_1f6sh_57 {
  padding: 8px 20px;
  min-width: 180px;
  background: #0d6efd;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
  white-space: nowrap;
  text-align: center;
}

._copySelectedBtn_1f6sh_57:hover:not(:disabled) {
  background: #0a58ca;
}

._copySelectedBtn_1f6sh_57:disabled {
  background: #adb5bd;
  cursor: default;
}

._checkboxCol_1f6sh_81 {
  width: 30px;
  text-align: center;
  padding: 0 4px !important;
  vertical-align: middle;
}

._checkboxCol_1f6sh_81 input[type="checkbox"] {
  width: 13px;
  height: 13px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  accent-color: #0d6efd;
  vertical-align: middle;
}

._selectedRow_1f6sh_98 {
  background-color: #e8f0fe !important;
}

._tab_1f6sh_26 {
  padding: 12px 24px;
  background: none;
  border: none;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #6c757d;
  transition: all 0.2s;
  margin-bottom: -2px;
}

._tab_1f6sh_26:hover {
  color: #495057;
  background: #f8f9fa;
}

._tabActive_1f6sh_120 {
  color: #007bff;
  border-bottom-color: #007bff;
  background: white;
}

._yearTabs_1f6sh_126 {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

._yearTab_1f6sh_126 {
  padding: 6px 16px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  transition: all 0.15s;
}

._yearTab_1f6sh_126:hover {
  background: #e2e8f0;
  color: #334155;
}

._yearTabActive_1f6sh_150 {
  background: #4285f4;
  color: #fff;
  border-color: #4285f4;
}

._yearTabActive_1f6sh_150:hover {
  background: #3b78e0;
}

._monthTabs_1f6sh_160 {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

._monthTab_1f6sh_160 {
  padding: 6px 16px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  transition: all 0.15s;
}

._monthTab_1f6sh_160:hover {
  background: #e2e8f0;
  color: #334155;
}

._monthTabActive_1f6sh_184 {
  background: #4285f4;
  color: #fff;
  border-color: #4285f4;
}

._monthTabActive_1f6sh_184:hover {
  background: #3b78e0;
}

._stats_1f6sh_194 {
  color: #666;
  font-size: 14px;
}

._tableWrapper_1f6sh_199 {
  background: white;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  overflow: scroll;
  flex: 1;
  min-height: 0;
  max-width: 100%;
  scrollbar-width: thin;
  scrollbar-color: #c1c1c1 #f1f1f1;
}

._tableWrapper_1f6sh_199::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

._tableWrapper_1f6sh_199::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

._tableWrapper_1f6sh_199::-webkit-scrollbar-thumb {
  background: #b0b0b0;
  border-radius: 4px;
  border: 2px solid #f1f1f1;
}

._tableWrapper_1f6sh_199::-webkit-scrollbar-thumb:hover {
  background: #888;
}

._tableWrapper_1f6sh_199::-webkit-scrollbar-corner {
  background: #f1f1f1;
}

._table_1f6sh_199 {
  min-width: 2800px;
  font-size: 14px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}

._table_1f6sh_199 thead {
  background: #f8f9fa;
  position: sticky;
  top: 0;
  z-index: 10;
}

._table_1f6sh_199 th {
  padding: 4px 8px;
  text-align: center;
  font-family: Arial, sans-serif;
  font-weight: 700;
  font-size: 10pt;
  text-transform: uppercase;
  color: #495057;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  background: #f8f9fa;
  border-bottom: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
}

._resizeHandle_1f6sh_266 {
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
  cursor: col-resize;
  background: transparent;
  z-index: 1;
}

._resizeHandle_1f6sh_266:hover,
._resizeHandle_1f6sh_266:active {
  background: rgba(0, 123, 255, 0.3);
}

._table_1f6sh_199 td {
  padding: 2px 8px;
  border-bottom: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  color: #212529;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Arial, sans-serif;
  font-size: 10pt;
  line-height: 1.3;
}

._textSmall_1f6sh_295 {
  font-size: 12px;
  max-width: 200px;
  white-space: normal;
  word-break: break-word;
}

._table_1f6sh_199 tbody tr:hover {
  background: #f8f9fa;
}

._amount_1f6sh_306 {
  text-align: right;
  font-weight: 500;
}

._link_1f6sh_311 {
  color: #007bff;
  text-decoration: none;
}

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

._empty_1f6sh_320 {
  text-align: center;
  padding: 48px 16px;
  color: #6c757d;
  font-style: italic;
}

._pagination_1f6sh_327 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
  padding: 16px;
}

._pagination_1f6sh_327 button {
  padding: 8px 16px;
  background: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.2s;
}

._pagination_1f6sh_327 button:hover:not(:disabled) {
  background: #0056b3;
}

._pagination_1f6sh_327 button:disabled {
  background: #ccc;
  cursor: not-allowed;
}

._pagination_1f6sh_327 span {
  color: #495057;
  font-size: 14px;
}

._loading_1f6sh_361,
._error_1f6sh_362 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  color: #6c757d;
}

._error_1f6sh_362 p {
  color: #dc3545;
  margin-bottom: 16px;
}

._error_1f6sh_362 button {
  padding: 8px 16px;
  background: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

._error_1f6sh_362 button:hover {
  background: #0056b3;
}

._totalsRow_1f6sh_389 {
  background: #f0fdf4;
  border-top: 2px solid #22c55e;
  position: sticky;
  bottom: 0;
  z-index: 1;
}

._totalsRow_1f6sh_389 td {
  padding: 8px 6px;
  font-size: 13px;
  white-space: nowrap;
}

._totalsRowHeader_1f6sh_403 {
  background: #f0fdf4;
}

._totalsRowHeader_1f6sh_403 td {
  padding: 8px 6px;
  font-size: 13px;
  font-weight: bold;
  white-space: nowrap;
  background: #f0fdf4;
  border-bottom: 1px solid #6b7280;
}

._incomeSummary_1f6sh_416 {
  display: flex;
  gap: 12px;
  margin-bottom: 10px;
  align-items: stretch;
}

._summaryCard_1f6sh_423 {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 14px 20px;
  min-width: 280px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

._summaryCardTitle_1f6sh_432 {
  font-weight: 800;
  font-size: 13px;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}

._summaryCardGrid_1f6sh_441 {
  display: flex;
  gap: 24px;
}

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

._summaryMetricLabel_1f6sh_452 {
  font-size: 10px;
  font-weight: 700;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._summaryMetricValue_1f6sh_460 {
  font-size: 20px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

._summaryDetails_1f6sh_466 {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 14px 20px;
  flex: 1;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

._summaryDetailsTitle_1f6sh_475 {
  font-weight: 700;
  font-size: 13px;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}

._summaryCount_1f6sh_484 {
  font-weight: 500;
  font-size: 12px;
  color: #94a3b8;
  margin-left: 6px;
  text-transform: none;
  letter-spacing: 0;
}

._summaryDetailsGrid_1f6sh_493 {
  display: flex;
  gap: 20px;
}

._summaryDetailItem_1f6sh_498 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 90px;
}

._summaryDetailLabel_1f6sh_505 {
  font-size: 10px;
  font-weight: 700;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

._summaryDetailValue_1f6sh_513 {
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

._rowNum_1f6sh_521 {
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  text-align: center;
  color: #9ca3af;
  font-size: 11px;
  font-weight: 500;
  padding: 2px 4px !important;
  background: #f8f9fa;
  border-right: 1px solid #e9ecef;
  user-select: none;
}

._rowNumHeader_1f6sh_535 {
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  text-align: center;
  font-size: 10px;
  color: #9ca3af;
  padding: 4px !important;
  background: #f8f9fa;
  border-right: 1px solid #e9ecef;
}

._badgeNew_1f6sh_547 {
  display: inline-block;
  padding: 1px 6px;
  background: #10b981;
  color: white;
  border-radius: 3px;
  font-size: 0.8em;
  font-weight: 600;
}

._badgeOld_1f6sh_557 {
  display: inline-block;
  padding: 1px 6px;
  background: #9ca3af;
  color: white;
  border-radius: 3px;
  font-size: 0.8em;
  font-weight: 600;
}

._colorCell_1f6sh_567 {
  font-weight: 500;
}

._incomeCol_1f6sh_571 {
  background-color: #d9ead3 !important;
}

._factCol_1f6sh_575 {
  background-color: #b5d7a8 !important;
}

._copyCell_1f6sh_579 {
  padding: 0 2px !important;
  text-align: center;
}

._copyBtn_1f6sh_584 {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  color: #adb5bd;
  padding: 0 4px;
  line-height: 1;
  transition: color 0.15s;
}

._copyBtn_1f6sh_584:hover {
  color: #007bff;
}

._copyBtnDone_1f6sh_599 {
  background: none;
  border: none;
  cursor: default;
  font-size: 14px;
  color: #10b981;
  padding: 0 4px;
  line-height: 1;
  font-weight: 700;
}

._clickableRow_1f6sh_610 {
  cursor: pointer;
}

/* ── Context Menu ── */
._ctxMenu_1f6sh_615 {
  position: fixed;
  z-index: 2000;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);
  min-width: 180px;
  padding: 4px 0;
  animation: _ctxFadeIn_1f6sh_1 0.1s ease;
}

@keyframes _ctxFadeIn_1f6sh_1 {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

._ctxMenuItem_1f6sh_632 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 16px;
  border: none;
  background: none;
  font-size: 13px;
  color: #212529;
  cursor: pointer;
  text-align: left;
  transition: background 0.12s;
}

._ctxMenuItem_1f6sh_632:hover {
  background: #f0f4ff;
}

._ctxMenuDivider_1f6sh_651 {
  height: 1px;
  background: #e9ecef;
  margin: 4px 0;
}

._ctxMenuDanger_1f6sh_657 {
  color: #dc3545;
}

._ctxMenuDanger_1f6sh_657:hover {
  background: #fef2f2;
}

/* ── Student Badge ── */
._studentBadge_1f6sh_666 {
  display: inline-block;
  padding: 1px 6px;
  background: #e8f5e9;
  color: #2e7d32;
  border-radius: 3px;
  font-size: 0.8em;
  font-weight: 500;
  white-space: nowrap;
}

/* ── Card Modal ── */
._overlay_1f6sh_678 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}

._card_1f6sh_688 {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
  width: 720px;
  max-width: 95vw;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
}

._cardHeader_1f6sh_699 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border-bottom: 1px solid #e9ecef;
}

._cardHeader_1f6sh_699 h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

._cardClose_1f6sh_713 {
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  color: #6c757d;
  line-height: 1;
  padding: 0 4px;
}

._cardClose_1f6sh_713:hover {
  color: #212529;
}

._cardError_1f6sh_727 {
  background: #fef2f2;
  color: #dc2626;
  padding: 8px 24px;
  font-size: 13px;
}

._cardBody_1f6sh_734 {
  padding: 20px 24px;
  overflow-y: auto;
  flex: 1;
}

._formRow_1f6sh_740 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px 16px;
  margin-bottom: 12px;
}

._formLabel_1f6sh_747 {
  display: flex;
  flex-direction: column;
  font-size: 11px;
  font-weight: 600;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  gap: 4px;
}

._formInput_1f6sh_758,
._formSelect_1f6sh_759 {
  padding: 6px 10px;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  font-size: 14px;
  color: #212529;
  background: #fff;
  transition: border-color 0.15s;
}

._formInput_1f6sh_758:focus,
._formSelect_1f6sh_759:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.15);
}

._cardFooter_1f6sh_776 {
  display: flex;
  gap: 10px;
  padding: 14px 24px;
  border-top: 1px solid #e9ecef;
}

._cardSaveTransfer_1f6sh_783 {
  padding: 8px 20px;
  background: #28a745;
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
}

._cardSaveTransfer_1f6sh_783:hover:not(:disabled) {
  background: #218838;
}

._cardSaveTransfer_1f6sh_783:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._cardSave_1f6sh_783 {
  padding: 8px 28px;
  background: #007bff;
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
}

._cardSave_1f6sh_783:hover:not(:disabled) {
  background: #0056b3;
}

._cardSave_1f6sh_783:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._cardCancel_1f6sh_825 {
  padding: 8px 20px;
  background: #f1f3f5;
  color: #495057;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.15s;
}

._cardCancel_1f6sh_825:hover {
  background: #e9ecef;
}

/* ── Card: Date/Time bar ── */
._cardDateBar_1f6sh_841 {
  display: flex;
  gap: 32px;
  padding: 12px 24px;
  background: #f8f9fa;
  border-bottom: 1px solid #e9ecef;
  font-size: 14px;
  color: #495057;
}

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

._cardDateItemLabel_1f6sh_857 {
  font-weight: 600;
  color: #6c757d;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.3px;
}

._cardDateItemValue_1f6sh_865 {
  font-weight: 500;
  font-size: 15px;
  color: #212529;
}

/* ── Card: Custom colored payment type dropdown ── */
._paymentTypeWrapper_1f6sh_872 {
  position: relative;
  margin-bottom: 16px;
}

._paymentTypeLabel_1f6sh_877 {
  font-size: 11px;
  font-weight: 600;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-bottom: 4px;
}

._paymentTypeSelected_1f6sh_886 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  cursor: pointer;
  background: #fff;
  transition: border-color 0.15s;
  font-size: 14px;
  min-height: 36px;
  user-select: none;
}

._paymentTypeSelected_1f6sh_886:hover {
  border-color: #007bff;
}

._paymentTypeBadge_1f6sh_905 {
  display: inline-block;
  padding: 3px 12px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap;
}

._paymentTypeArrow_1f6sh_914 {
  margin-left: auto;
  font-size: 10px;
  color: #adb5bd;
  transition: transform 0.15s;
}

._paymentTypeArrowOpen_1f6sh_921 {
  transform: rotate(180deg);
}

._paymentTypeDropdown_1f6sh_925 {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  z-index: 100;
  max-height: 280px;
  overflow-y: auto;
  padding: 4px;
  animation: _ctxFadeIn_1f6sh_1 0.12s ease;
}

._paymentTypeOption_1f6sh_941 {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.1s;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  font-size: 14px;
}

._paymentTypeOption_1f6sh_941:hover {
  background: #f0f4ff;
}

._paymentTypeOptionNone_1f6sh_959 {
  color: #6c757d;
  font-style: italic;
  padding: 6px 12px;
}

._dropdownSearch_1f6sh_965 {
  padding: 4px;
  border-bottom: 1px solid #e9ecef;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
}

._dropdownSearchInput_1f6sh_974 {
  width: 100%;
  padding: 6px 10px;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  font-size: 13px;
  outline: none;
  box-sizing: border-box;
}

._dropdownSearchInput_1f6sh_974:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.12);
}

._dropdownItemText_1f6sh_989 {
  padding: 2px 0;
  font-size: 14px;
  color: #212529;
}

._dropdownEmpty_1f6sh_995 {
  padding: 8px 12px;
  color: #adb5bd;
  font-size: 13px;
  text-align: center;
  font-style: italic;
}

/* ── Combobox (inline autocomplete like Google Sheets) ── */
._comboboxWrapper_1f6sh_1004 {
  position: relative;
}

._comboboxInput_1f6sh_1008 {
  width: 100%;
  padding: 7px 12px;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  font-size: 14px;
  color: #212529;
  background: #fff;
  transition: border-color 0.15s;
  box-sizing: border-box;
  outline: none;
}

._comboboxInput_1f6sh_1008:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.15);
}

._comboboxInput_1f6sh_1008::placeholder {
  color: #adb5bd;
}

._comboboxOptionActive_1f6sh_1030 {
  background: #e8f0fe;
}

/* ── AXL Go button ── */
._axlGoBtn_1f6sh_1035 {
  display: inline-flex;
  align-items: center;
  padding: 6px 16px;
  background: #007bff;
  color: #fff;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.15s;
}

._axlGoBtn_1f6sh_1035:hover {
  background: #0056b3;
}

/* ── Textarea ── */
._formTextarea_1f6sh_1054 {
  padding: 6px 10px;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  font-size: 14px;
  color: #212529;
  background: #fff;
  transition: border-color 0.15s;
  resize: vertical;
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
}

._formTextarea_1f6sh_1054:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.15);
}

/* ── Card: Section block with background ── */
._formSection_1f6sh_1075 {
  background: #f5f6f8;
  border-radius: 8px;
  padding: 12px 14px 4px;
  margin-bottom: 12px;
}

/* ── Card: Amount row (like table columns) ── */
._amountRow_1f6sh_1083 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  margin-bottom: 16px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #c3d9b7;
}

._amountCell_1f6sh_1093 {
  display: flex;
  flex-direction: column;
  padding: 8px 10px;
  border-right: 1px solid #c3d9b7;
}

._amountCell_1f6sh_1093:last-child {
  border-right: none;
}

._amountCellLabel_1f6sh_1104 {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-bottom: 4px;
  opacity: 0.7;
}

._amountCellInput_1f6sh_1113 {
  padding: 5px 8px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  color: #212529;
  background: rgba(255, 255, 255, 0.7);
  transition: border-color 0.15s;
  width: 100%;
  box-sizing: border-box;
  -moz-appearance: textfield;
}

._amountCellInput_1f6sh_1113::-webkit-outer-spin-button,
._amountCellInput_1f6sh_1113::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._amountCellInput_1f6sh_1113:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.15);
  background: #fff;
}

._amountCellIncome_1f6sh_1141 {
  background-color: #d9ead3;
  color: #1a3d15;
}

._amountCellFact_1f6sh_1146 {
  background-color: #b5d7a8;
  color: #1a3d15;
}

._amountCellVat_1f6sh_1151 {
  background-color: #a8c99b;
  color: #1a3d15;
}
._container_1ebd8_1 {
  padding: 24px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._header_1ebd8_9 h1 {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0;
}

._loading_1ebd8_16 {
  padding: 48px;
  text-align: center;
  color: #6b7280;
  font-size: 15px;
}

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

._tab_1ebd8_23 {
  padding: 8px 18px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  color: #64748b;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s;
}

._tab_1ebd8_23:hover {
  background: #f1f5f9;
}

._tabActive_1ebd8_46 {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  color: #ffffff;
  border-color: transparent;
}

._addMonthBtn_1ebd8_53 {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: 2px dashed #d1d5db;
  background: transparent;
  color: #9ca3af;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s;
}

._addMonthBtn_1ebd8_53:hover {
  border-color: #6366f1;
  color: #6366f1;
  background: #f5f3ff;
}

._monthPickerWrap_1ebd8_75 {
  position: relative;
}

._monthPicker_1ebd8_75 {
  position: absolute;
  top: 42px;
  left: 0;
  z-index: 50;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  padding: 14px;
  width: 260px;
}

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

._monthPickerYear_1ebd8_99 {
  font-weight: 700;
  font-size: 15px;
  color: #1e293b;
}

._monthPickerArrow_1ebd8_105 {
  width: 30px;
  height: 30px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #ffffff;
  color: #64748b;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s;
}

._monthPickerArrow_1ebd8_105:hover {
  background: #f1f5f9;
  border-color: #6366f1;
  color: #6366f1;
}

._monthPickerGrid_1ebd8_126 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  margin-bottom: 10px;
}

._monthPickerItem_1ebd8_133 {
  padding: 6px 4px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #ffffff;
  color: #475569;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  transition: all 0.15s;
}

._monthPickerItem_1ebd8_133:hover {
  background: #f1f5f9;
  border-color: #6366f1;
}

._monthPickerItemActive_1ebd8_151 {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  color: #ffffff;
  border-color: transparent;
}

._monthPickerItemActive_1ebd8_151:hover {
  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
  border-color: transparent;
}

._monthPickerItemExists_1ebd8_162 {
  position: relative;
}

._monthPickerItemExists_1ebd8_162::after {
  content: '';
  position: absolute;
  bottom: 3px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #22c55e;
}

._monthPickerConfirm_1ebd8_178 {
  width: 100%;
  padding: 8px;
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: opacity 0.15s;
}

._monthPickerConfirm_1ebd8_178:hover {
  opacity: 0.9;
}

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

._summaryCard_1ebd8_200 {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 14px 24px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: center;
  gap: 32px;
}

._summaryLabel_1ebd8_211 {
  font-weight: 800;
  font-size: 14px;
  color: #1e293b;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  min-width: 140px;
}

._summaryValues_1ebd8_220 {
  display: flex;
  gap: 28px;
}

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

._metricLabel_1ebd8_231 {
  font-size: 10px;
  font-weight: 700;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._metricValue_1ebd8_239 {
  font-size: 20px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

._tableWrapper_1ebd8_245 {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  overflow: auto;
}

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

._table_1ebd8_245 thead {
  background: #f8f9fa;
}

._table_1ebd8_245 th {
  padding: 10px 16px;
  text-align: left;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  color: #64748b;
  letter-spacing: 0.3px;
  border-bottom: 1px solid #e2e8f0;
}

._table_1ebd8_245 td {
  padding: 10px 16px;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
}

._table_1ebd8_245 tbody tr:hover {
  background: #f8fafc;
}

._productName_1ebd8_284 {
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}

._colorDot_1ebd8_291 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}

._amount_1ebd8_299 {
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

._totalsRow_1ebd8_305 {
  background: #f0fdf4 !important;
}

._totalsRow_1ebd8_305 td {
  border-top: 2px solid #22c55e;
  border-bottom: none;
}

._input_1ebd8_314 {
  width: 100%;
  padding: 6px 10px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 13px;
  color: #1e293b;
  background: #ffffff;
  outline: none;
  transition: border-color 0.15s;
}

._input_1ebd8_314:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.15);
}

._saveBtn_1ebd8_331 {
  padding: 4px 12px;
  background: #22c55e;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  margin-right: 4px;
  transition: background 0.15s;
}

._saveBtn_1ebd8_331:hover {
  background: #16a34a;
}

._cancelBtn_1ebd8_348 {
  padding: 4px 12px;
  background: #e2e8f0;
  color: #475569;
  border: none;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
}

._cancelBtn_1ebd8_348:hover {
  background: #cbd5e1;
}

._editBtn_1ebd8_364 {
  padding: 4px 12px;
  background: #6366f1;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  margin-right: 4px;
  transition: background 0.15s;
}

._editBtn_1ebd8_364:hover {
  background: #4f46e5;
}

._deleteBtn_1ebd8_381 {
  padding: 4px 12px;
  background: transparent;
  color: #ef4444;
  border: 1px solid #fecaca;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s;
}

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

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

._addLabel_1ebd8_405 {
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
}

._addProductBtn_1ebd8_411 {
  padding: 6px 14px;
  border: 2px dashed #d1d5db;
  border-radius: 8px;
  background: transparent;
  color: #64748b;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s;
}

._addProductBtn_1ebd8_411:hover {
  border-color: #6366f1;
  color: #6366f1;
  background: #f5f3ff;
}

._empty_1ebd8_429 {
  text-align: center;
  padding: 48px;
  color: #94a3b8;
  font-size: 15px;
}
._container_11qn7_1 {
  padding: 12px 16px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: calc(100vh - 52px - 20px);
  box-sizing: border-box;
  overflow: hidden;
}

._header_11qn7_12 h1 {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0;
}

._yearTabs_11qn7_19 {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

._yearTab_11qn7_19 {
  padding: 6px 16px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  transition: all 0.15s;
}

._yearTab_11qn7_19:hover {
  background: #e2e8f0;
  color: #334155;
}

._yearTabActive_11qn7_42 {
  background: #4285f4;
  color: #fff;
  border-color: #4285f4;
}

._yearTabActive_11qn7_42:hover {
  background: #3b78e0;
}

._chartCard_11qn7_52 {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  padding: 20px 20px 10px;
}

._chartTitle_11qn7_60 {
  font-size: 14px;
  font-weight: 800;
  color: #1e293b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 12px 0;
}

._tableWrapper_11qn7_69 {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  overflow: auto;
  flex: 1;
  min-height: 0;
}

._table_11qn7_69 {
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

._table_11qn7_69 thead {
  background: #f8f9fa;
  position: sticky;
  top: 0;
  z-index: 10;
}

._table_11qn7_69 th {
  padding: 10px 12px;
  text-align: center;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  color: #475569;
  letter-spacing: 0.3px;
  white-space: nowrap;
  background: #f8f9fa;
  border-bottom: 2px solid #e2e8f0;
}

._monthCol_11qn7_106 {
  text-align: left !important;
  min-width: 110px;
}

._table_11qn7_69 td {
  padding: 9px 12px;
  text-align: right;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

._monthCell_11qn7_120 {
  text-align: left;
  font-weight: 600;
  color: #1e293b;
}

._table_11qn7_69 tbody tr:hover {
  background: #f8fafc;
}
._container_1msfr_1 {
  padding: 16px 20px 32px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-sizing: border-box;
}

._header_1msfr_10 h2 {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0;
}

._tableCard_1msfr_17 {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
  overflow: auto;
  max-height: calc(100vh - 200px);
  position: relative;
}

._table_1msfr_17 {
  width: max-content;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

._table_1msfr_17 thead th {
  position: sticky;
  top: 0;
  z-index: 10;
  padding: 6px 8px;
  text-align: center;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  color: #475569;
  letter-spacing: 0.3px;
  white-space: nowrap;
  background: #f1f5f9;
  border-bottom: 2px solid #e2e8f0;
}

._table_1msfr_17 th:first-child,
._table_1msfr_17 th:nth-child(2) {
  text-align: left;
}

._table_1msfr_17 td {
  padding: 4px 8px;
  text-align: right;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

._table_1msfr_17 tbody tr:hover {
  background: #f8fafc;
}

._weekdayCell_1msfr_69 {
  text-align: left !important;
  font-weight: 500;
  color: #475569;
  min-width: 80px;
}

._dateCell_1msfr_76 {
  text-align: left !important;
  color: #1e293b;
  font-weight: 500;
}

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

._weekStart_1msfr_86 > td {
  border-top: 2.5px solid #cbd5e1;
}

._weekTotalCell_1msfr_90 {
  vertical-align: middle;
  text-align: right !important;
  border-left: 2px solid #e2e8f0;
}

._monthSeparator_1msfr_96 td {
  padding: 0;
  height: 24px;
  background: #e8edf3;
  border-bottom: none;
  font-weight: 700;
  font-size: 12px;
  color: #334155;
  text-transform: capitalize;
  letter-spacing: 0.3px;
}

._monthLabel_1msfr_108 {
  text-align: left !important;
  padding-left: 8px !important;
}

._chartCard_1msfr_113 {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
  padding: 24px 20px 12px;
}

._chartTitle_1msfr_121 {
  font-size: 14px;
  font-weight: 700;
  color: #1e293b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 16px 0;
}

._loading_1msfr_130 {
  padding: 64px;
  text-align: center;
  color: #94a3b8;
  font-size: 15px;
}
._container_98rjm_1 {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: calc(100vh - 52px - 20px);
  box-sizing: border-box;
}

._header_98rjm_10 h1 {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0;
}

/* KPI Cards */
._kpiGrid_98rjm_18 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}

._kpiCard_98rjm_24 {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._kpiLabel_98rjm_35 {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #64748b;
}

._kpiValue_98rjm_43 {
  font-size: 24px;
  font-weight: 800;
  color: #1e293b;
  font-variant-numeric: tabular-nums;
}

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

._kpiDeltaUp_98rjm_58 {
  color: #16a34a;
}

._kpiDeltaDown_98rjm_62 {
  color: #dc2626;
}

._kpiDeltaNeutral_98rjm_66 {
  color: #64748b;
}

._kpiAccent_98rjm_70 {
  border-left: 3px solid #6366f1;
}

._kpiWarning_98rjm_74 {
  border-left: 3px solid #f59e0b;
}

._kpiDanger_98rjm_78 {
  border-left: 3px solid #ef4444;
}

._kpiSuccess_98rjm_82 {
  border-left: 3px solid #16a34a;
}

/* Section Grid */
._twoColumns_98rjm_87 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

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

/* Cards */
._card_98rjm_100 {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  padding: 20px;
}

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

._chartTotal_98rjm_115 {
  font-size: 13px;
  color: #64748b;
}

._chartTotal_98rjm_115 strong {
  color: #6366f1;
  font-weight: 700;
  font-size: 15px;
}

._cardTitle_98rjm_108 {
  font-size: 13px;
  font-weight: 800;
  color: #1e293b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 16px 0;
}

/* Table styles */
._table_98rjm_136 {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

._table_98rjm_136 th {
  padding: 8px 10px;
  text-align: left;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  color: #64748b;
  letter-spacing: 0.3px;
  border-bottom: 2px solid #e2e8f0;
  background: #f8f9fa;
}

._table_98rjm_136 td {
  padding: 8px 10px;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
  font-variant-numeric: tabular-nums;
}

._table_98rjm_136 tbody tr:hover {
  background: #f8fafc;
}

._textRight_98rjm_165 {
  text-align: right;
}

._table_98rjm_136 th._textCenter_98rjm_169,
._table_98rjm_136 td._textCenter_98rjm_169 {
  text-align: center;
}

/* Installment badge */
._overdueBadge_98rjm_175 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  background: #fee2e2;
  color: #dc2626;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
}

/* Legend for charts */
._legend_98rjm_188 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 12px;
}

._legendItem_98rjm_195 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #475569;
}

._legendDot_98rjm_203 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* Installment summary row */
._installmentKpis_98rjm_211 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}

._installmentKpi_98rjm_211 {
  text-align: center;
  padding: 10px;
  background: #f8fafc;
  border-radius: 8px;
}

._installmentKpiValue_98rjm_225 {
  font-size: 22px;
  font-weight: 800;
  color: #1e293b;
}

._installmentKpiLabel_98rjm_231 {
  font-size: 11px;
  color: #64748b;
  margin-top: 2px;
}

/* Loading */
._loading_98rjm_238 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300px;
  color: #6b7280;
  font-size: 14px;
}

/* Donut center text */
._donutCenter_98rjm_248 {
  font-size: 20px;
  font-weight: 800;
  fill: #1e293b;
}

._donutCenterSub_98rjm_254 {
  font-size: 11px;
  fill: #64748b;
}

/* Manager rank */
._rankBadge_98rjm_260 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: #94a3b8;
}

._rankBadge_98rjm_260:nth-child(1) { background: #f59e0b; }

._rank1_98rjm_275 { background: #f59e0b; }
._rank2_98rjm_276 { background: #94a3b8; }
._rank3_98rjm_277 { background: #cd7f32; }
._container_v84my_1 {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: calc(100vh - 52px - 20px);
  box-sizing: border-box;
  overflow: hidden;
}

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

._header_v84my_11 h1 {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0;
}

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

._yearTabs_v84my_31 {
  display: flex;
  gap: 6px;
}

._yearTab_v84my_31 {
  padding: 6px 16px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  transition: all 0.15s;
}

._yearTab_v84my_31:hover {
  background: #e2e8f0;
  color: #334155;
}

._yearTabActive_v84my_53 {
  background: #6366f1;
  color: #fff;
  border-color: #6366f1;
}

._addBtn_v84my_59 {
  padding: 6px 14px;
  background: #6366f1;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
  white-space: nowrap;
}

._addBtn_v84my_59:hover {
  background: #4f46e5;
}

._tableWrapper_v84my_76 {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  overflow: auto;
  flex: 1;
  min-height: 0;
}

._table_v84my_76 {
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

._table_v84my_76 thead {
  position: sticky;
  top: 0;
  z-index: 10;
}

._table_v84my_76 th {
  padding: 6px 10px;
  text-align: center;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  color: #475569;
  letter-spacing: 0.3px;
  white-space: nowrap;
  background: #f8f9fa;
  border-bottom: 2px solid #e2e8f0;
  min-width: 100px;
}

._thName_v84my_113 {
  font-size: 11px;
  font-weight: 700;
  color: #1e293b;
}

._thName_v84my_113:hover {
  color: #6366f1;
}

._thPosition_v84my_123 {
  font-size: 10px;
  font-weight: 500;
  color: #94a3b8;
  margin-top: 1px;
}

._thTotalRub_v84my_130 {
  background: #fef9c3 !important;
  color: #854d0e !important;
  min-width: 110px;
}

._thTotalUsd_v84my_136 {
  background: #dbeafe !important;
  color: #1e40af !important;
  min-width: 110px;
}

._thGrandTotal_v84my_142 {
  background: #fed7aa !important;
  color: #9a3412 !important;
  min-width: 120px;
}

._table_v84my_76 td {
  padding: 4px 6px;
  text-align: right;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

._periodCell_v84my_157 {
  text-align: left !important;
  font-weight: 500;
  color: #64748b;
  padding-left: 12px !important;
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 2;
  min-width: 140px;
}

._monthRow_v84my_169 td {
  background: #f8fafc;
}

._totalRow_v84my_173 td {
  font-weight: 700;
  color: #1e293b;
  background: #f1f5f9;
  border-bottom: 2px solid #e2e8f0;
}

._totalRubCell_v84my_180 {
  background: #fef9c3 !important;
  font-weight: 700;
}

._totalUsdCell_v84my_185 {
  background: #dbeafe !important;
  font-weight: 700;
}

._grandTotalCell_v84my_190 {
  background: #fed7aa !important;
  font-weight: 800;
  color: #9a3412 !important;
}

._editableCell_v84my_196 {
  cursor: pointer;
  position: relative;
}

._editableCell_v84my_196:hover {
  background: #eff6ff;
}

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

._cellInput_v84my_211 {
  width: 90px;
  padding: 2px 4px;
  border: 2px solid #6366f1;
  border-radius: 4px;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  text-align: right;
  outline: none;
  background: #fff;
}

._noteInput_v84my_223 {
  width: 90px;
  padding: 2px 4px;
  border: 1px solid #e2e8f0;
  border-radius: 3px;
  font-size: 10px;
  outline: none;
  background: #fefce8;
  color: #854d0e;
}

._noteInput_v84my_223:focus {
  border-color: #f59e0b;
}

._noteIndicator_v84my_238 {
  position: absolute;
  top: 1px;
  right: 2px;
  font-size: 9px;
  color: #f59e0b;
  font-weight: 700;
  line-height: 1;
}

._emptyCell_v84my_248 {
  color: #cbd5e1;
}

/* Year total row (1.1) */
._table_v84my_76 tfoot {
  position: sticky;
  bottom: 0;
  z-index: 5;
}

._yearTotalRow_v84my_259 td {
  font-weight: 800;
  color: #1e293b;
  background: #e0e7ff;
  border-top: 3px solid #6366f1;
  border-bottom: none;
  font-size: 13px;
  padding: 6px;
}

._yearTotalCell_v84my_269 {
  font-weight: 800 !important;
  font-size: 13px !important;
}

/* Delta indicators (3.2) */
._deltaUp_v84my_275 {
  display: block;
  font-size: 9px;
  font-weight: 600;
  color: #dc2626;
  line-height: 1.2;
}

._deltaDown_v84my_283 {
  display: block;
  font-size: 9px;
  font-weight: 600;
  color: #16a34a;
  line-height: 1.2;
}

/* Modal */
._modalOverlay_v84my_292 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

._modal_v84my_292 {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  min-width: 360px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}

._modal_v84my_292 h2 {
  font-size: 16px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 16px;
}

._formGroup_v84my_317 {
  margin-bottom: 12px;
}

._formGroup_v84my_317 label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #475569;
  margin-bottom: 4px;
}

._formGroup_v84my_317 input,
._formGroup_v84my_317 select {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
  outline: none;
  box-sizing: border-box;
}

._formGroup_v84my_317 input:focus,
._formGroup_v84my_317 select:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.15);
}

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

._cancelBtn_v84my_353 {
  padding: 8px 16px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  cursor: pointer;
}

._saveBtn_v84my_364 {
  padding: 8px 16px;
  background: #6366f1;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

._saveBtn_v84my_364:hover {
  background: #4f46e5;
}

._loading_v84my_379 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  color: #6b7280;
}

/* Fired employees toggle */
._firedToggle_v84my_388 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #64748b;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

._firedToggle_v84my_388 input[type="checkbox"] {
  accent-color: #dc2626;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

/* Inactive (fired) employees */
._inactiveHeader_v84my_407 {
  opacity: 0.55;
}

._inactiveCell_v84my_411 {
  opacity: 0.45;
  cursor: default !important;
  background: #f8f8f8 !important;
}

._firedBadge_v84my_417 {
  display: inline-block;
  margin-left: 4px;
  padding: 1px 5px;
  font-size: 9px;
  font-weight: 600;
  color: #dc2626;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 4px;
  vertical-align: middle;
}

._toggleBtn_v84my_430 {
  display: block;
  margin: 4px auto 0;
  padding: 2px 8px;
  font-size: 11px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  line-height: 1.4;
}

._toggleFire_v84my_441 {
  background: #fee2e2;
  color: #dc2626;
}

._toggleFire_v84my_441:hover {
  background: #fecaca;
}

._toggleRestore_v84my_450 {
  background: #dcfce7;
  color: #16a34a;
}

._toggleRestore_v84my_450:hover {
  background: #bbf7d0;
}

/* CEO separator & columns */
._ceoSeparator_v84my_460 {
  width: 6px !important;
  min-width: 6px !important;
  max-width: 6px !important;
  padding: 0 !important;
  background: #ede9fe !important;
  border-left: 3px solid #a78bfa !important;
  border-right: none !important;
}

._thTotalCeo_v84my_470 {
  background: #ede9fe !important;
  color: #6d28d9 !important;
  min-width: 100px;
}

._totalCeoCell_v84my_476 {
  background: #ede9fe !important;
  font-weight: 700;
  color: #6d28d9 !important;
}
._container_qjtef_1 {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: calc(100vh - 52px - 20px);
  box-sizing: border-box;
  overflow-y: auto;
}

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

._header_qjtef_11 h1 {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0;
}

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

/* Summary cards */
._summaryRow_qjtef_32 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

._card_qjtef_38 {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 16px;
}

._cardLabel_qjtef_45 {
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
  margin-bottom: 8px;
}

._cardPending_qjtef_52 {
  font-size: 24px;
  font-weight: 700;
  color: #1e293b;
}

._cardCount_qjtef_58 {
  font-size: 12px;
  color: #94a3b8;
  margin-top: 2px;
}

._cardTransferred_qjtef_64 {
  font-size: 12px;
  color: #10b981;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #f1f5f9;
}

/* Tabs */
._tabs_qjtef_73 {
  display: flex;
  gap: 4px;
  border-bottom: 2px solid #e2e8f0;
}

._tab_qjtef_73 {
  padding: 8px 18px;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  transition: all 0.15s;
}

._tab_qjtef_73:hover {
  color: #334155;
}

._tabActive_qjtef_96 {
  color: #6366f1;
  border-bottom-color: #6366f1;
}

/* Filters */
._filters_qjtef_102 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

._select_qjtef_109 {
  padding: 6px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
  color: #334155;
  background: #fff;
}

._input_qjtef_118 {
  padding: 6px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
  color: #334155;
  background: #fff;
}

._btn_qjtef_127 {
  padding: 6px 14px;
  background: #6366f1;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
  white-space: nowrap;
}

._btn_qjtef_127:hover {
  background: #4f46e5;
}

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

._btnOutline_qjtef_149 {
  padding: 6px 14px;
  background: #fff;
  color: #6366f1;
  border: 1px solid #6366f1;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s;
  white-space: nowrap;
}

._btnOutline_qjtef_149:hover {
  background: #eef2ff;
}

._btnDanger_qjtef_166 {
  padding: 6px 14px;
  background: #fff;
  color: #ef4444;
  border: 1px solid #fca5a5;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s;
  white-space: nowrap;
}

._btnDanger_qjtef_166:hover {
  background: #fef2f2;
}

._btnSuccess_qjtef_183 {
  padding: 6px 14px;
  background: #10b981;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
  white-space: nowrap;
}

._btnSuccess_qjtef_183:hover {
  background: #059669;
}

._btnSmall_qjtef_200 {
  padding: 3px 8px;
  font-size: 11px;
}

/* Table */
._table_qjtef_206 {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

._table_qjtef_206 th {
  text-align: left;
  padding: 8px 10px;
  font-weight: 600;
  color: #64748b;
  border-bottom: 2px solid #e2e8f0;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

._table_qjtef_206 td {
  padding: 8px 10px;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
}

._table_qjtef_206 tr:hover {
  background: #fafbfc;
}

._checkboxCell_qjtef_234 {
  width: 32px;
}

/* Status badge */
._badge_qjtef_239 {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

._badgePending_qjtef_249 {
  background: #fef3c7;
  color: #92400e;
}

._badgeTransferred_qjtef_254 {
  background: #d1fae5;
  color: #065f46;
}

._badgeExcluded_qjtef_259 {
  background: #f1f5f9;
  color: #64748b;
}

/* Closure panel */
._closurePanel_qjtef_265 {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 16px;
}

._closurePanel_qjtef_265 h3 {
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 12px 0;
}

._closureForm_qjtef_279 {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

._closureField_qjtef_286 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._closureField_qjtef_286 label {
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
}

._closurePreview_qjtef_299 {
  font-size: 13px;
  color: #334155;
  padding: 8px 0;
}

/* Settings */
._settingsGrid_qjtef_306 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

._settingCard_qjtef_312 {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 16px;
}

._settingCard_qjtef_312 h3 {
  font-size: 14px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 12px 0;
}

._settingRow_qjtef_326 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

._settingRow_qjtef_326 label {
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
  min-width: 80px;
}

._settingRow_qjtef_326 input,
._settingRow_qjtef_326 select {
  flex: 1;
  padding: 5px 8px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
}

/* History */
._historyTable_qjtef_350 {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

._historyTable_qjtef_350 th {
  text-align: left;
  padding: 6px 10px;
  font-weight: 600;
  color: #64748b;
  border-bottom: 2px solid #e2e8f0;
  font-size: 12px;
}

._historyTable_qjtef_350 td {
  padding: 6px 10px;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
}

/* Section collapsible */
._section_qjtef_372 {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
}

._sectionHeader_qjtef_379 {
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 700;
  color: #1e293b;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  user-select: none;
}

._sectionHeader_qjtef_379:hover {
  background: #fafbfc;
}

._sectionBody_qjtef_395 {
  padding: 0 16px 16px;
}

/* Pagination */
._pagination_qjtef_400 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 0;
}

._pageInfo_qjtef_408 {
  font-size: 13px;
  color: #64748b;
}

/* Loading */
._loading_qjtef_414 {
  text-align: center;
  padding: 40px;
  color: #94a3b8;
  font-size: 14px;
}

._empty_qjtef_421 {
  text-align: center;
  padding: 24px;
  color: #94a3b8;
  font-size: 13px;
}

/* Selection bar */
._selectionBar_qjtef_429 {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #eef2ff;
  border: 1px solid #c7d2fe;
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 13px;
  color: #4338ca;
  font-weight: 600;
}

/* Toggle */
._toggle_qjtef_443 {
  position: relative;
  width: 36px;
  height: 20px;
  background: #e2e8f0;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.2s;
  padding: 0;
}

._toggle_qjtef_443::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  transition: transform 0.2s;
}

._toggleActive_qjtef_467 {
  background: #6366f1;
}

._toggleActive_qjtef_467::after {
  transform: translateX(16px);
}
._container_16b35_1 {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: calc(100vh - 52px - 20px);
  box-sizing: border-box;
  overflow-y: auto;
}

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

._header_16b35_11 h1 {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0;
}

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

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

._monthLabel_16b35_37 {
  font-size: 14px;
  font-weight: 700;
  color: #1e293b;
  min-width: 140px;
  text-align: center;
  text-transform: uppercase;
}

._navBtn_16b35_46 {
  padding: 4px 10px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  transition: all 0.15s;
}

._navBtn_16b35_46:hover {
  background: #e2e8f0;
  color: #334155;
}

._addBtn_16b35_63 {
  padding: 6px 14px;
  background: #6366f1;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
  white-space: nowrap;
}

._addBtn_16b35_63:hover {
  background: #4f46e5;
}

/* Tabs */
._tabs_16b35_81 {
  display: flex;
  gap: 4px;
  border-bottom: 2px solid #e2e8f0;
}

._tab_16b35_81 {
  padding: 8px 18px;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  transition: all 0.15s;
}

._tab_16b35_81:hover {
  color: #334155;
  background: #f8fafc;
}

._tabActive_16b35_105 {
  color: #6366f1;
  border-bottom-color: #6366f1;
}

/* Table wrapper */
._tableWrapper_16b35_111 {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  overflow: auto;
  flex: 1;
  min-height: 700px;
}

._table_16b35_111 {
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

._table_16b35_111 thead {
  position: sticky;
  top: 0;
  z-index: 10;
}

._table_16b35_111 th {
  padding: 8px 10px;
  text-align: center;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  color: #475569;
  letter-spacing: 0.3px;
  white-space: nowrap;
  background: #f8f9fa;
  border-bottom: 2px solid #e2e8f0;
}

._thDate_16b35_147 {
  text-align: left !important;
  padding-left: 12px !important;
  min-width: 150px;
}

._thSpent_16b35_153 {
  background: #fef3c7 !important;
  color: #92400e !important;
  min-width: 100px;
}

._thSales_16b35_159 {
  min-width: 80px;
}

._thRub_16b35_163 {
  min-width: 100px;
}

._thTotal_16b35_167 {
  background: #dbeafe !important;
  color: #1e40af !important;
  min-width: 100px;
}

._thGrandTotal_16b35_173 {
  background: #e0e7ff !important;
  color: #3730a3 !important;
  min-width: 110px;
}

._thWeek_16b35_179 {
  background: #f0fdf4 !important;
  color: #166534 !important;
  min-width: 90px;
  font-size: 10px !important;
  border-left: 1px solid #acacac !important;
}

._thRoi_16b35_187 {
  background: #dcfce7 !important;
  color: #166534 !important;
  min-width: 80px;
}

._thCost_16b35_193 {
  min-width: 90px;
}

._table_16b35_111 td {
  padding: 4px 8px;
  text-align: right;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

._dateCell_16b35_206 {
  text-align: left !important;
  font-weight: 600;
  color: #64748b;
  padding-left: 12px !important;
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 2;
}

._weekendRow_16b35_217 td {
  background: #fefce8;
}

._weekendRow_16b35_217 ._dateCell_16b35_206 {
  background: #fefce8;
}

._lossRow_16b35_225 td {
  background: #fef2f2;
}

._lossRow_16b35_225 ._dateCell_16b35_206 {
  background: #fef2f2;
}

._lossRow_16b35_225._weekendRow_16b35_217 td {
  background: #fee2e2;
}

._lossRow_16b35_225._weekendRow_16b35_217 ._dateCell_16b35_206 {
  background: #fee2e2;
}

._spentLoss_16b35_241 {
  color: #dc2626 !important;
  font-weight: 700;
}

._totalRow_16b35_246 td {
  font-weight: 700;
  color: #1e293b;
  background: #f1f5f9;
  border-top: 2px solid #e2e8f0;
  border-bottom: none;
  padding: 6px 8px;
}

._totalRow_16b35_246 ._dateCell_16b35_206 {
  background: #f1f5f9;
}

/* Editable cell */
._editableCell_16b35_260 {
  cursor: pointer;
  position: relative;
}

._editableCell_16b35_260:hover {
  background: #eff6ff;
}

._autoValue_16b35_269 {
  color: #94a3b8;
}

._manualValue_16b35_273 {
  color: #334155;
}

._cellInput_16b35_277 {
  width: 90px;
  padding: 2px 4px;
  border: 2px solid #6366f1;
  border-radius: 4px;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  text-align: right;
  outline: none;
  background: #fff;
}

._emptyCell_16b35_289 {
  color: #cbd5e1;
}

._positiveRoi_16b35_293 {
  color: #16a34a;
  font-weight: 600;
}

._negativeRoi_16b35_298 {
  color: #dc2626;
  font-weight: 600;
}

/* Weekly summary cells */
._weekCell_16b35_304 {
  background: #f0fdf4 !important;
  text-align: center !important;
  font-weight: 700;
  color: #166534;
  border-left: 1px solid #acacac !important;
  border-bottom: 1px solid #acacac !important;
  vertical-align: middle !important;
  font-size: 12px;
  padding: 6px 8px !important;
}

._weekRow_16b35_316 td {
  background: #ecfdf5 !important;
  font-weight: 700;
  color: #166534;
  border-top: 2px solid #86efac;
  border-bottom: 2px solid #86efac;
}

._weekLabel_16b35_324 {
  text-align: left !important;
  padding-left: 12px !important;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Campaign section */
._sectionTitle_16b35_333 {
  font-size: 16px;
  font-weight: 700;
  color: #1e293b;
  margin: 16px 0 8px;
}

._campaignTable_16b35_340 {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

._campaignTable_16b35_340 th {
  padding: 8px 10px;
  text-align: left;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  color: #475569;
  background: #f8f9fa;
  border-bottom: 2px solid #e2e8f0;
}

._campaignTable_16b35_340 td {
  padding: 6px 10px;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
  font-variant-numeric: tabular-nums;
}

._campaignName_16b35_364 {
  font-weight: 600;
  font-family: 'SF Mono', 'Cascadia Code', 'Fira Code', monospace;
  font-size: 12px;
  color: #475569;
}

/* Inactive campaigns */
._inactiveRow_16b35_372 td {
  color: #94a3b8 !important;
  background: #f8fafc !important;
}

._inactiveDivider_16b35_377 {
  text-align: center !important;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #94a3b8;
  background: #f1f5f9 !important;
  padding: 6px !important;
  border-top: 2px solid #e2e8f0;
}

._deactivateBtn_16b35_389 {
  padding: 2px 8px;
  background: #fef2f2;
  color: #dc2626;
  border: 1px solid #fecaca;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  line-height: 1;
}

._deactivateBtn_16b35_389:hover {
  background: #fee2e2;
}

._activateBtn_16b35_404 {
  padding: 2px 8px;
  background: #f0fdf4;
  color: #16a34a;
  border: 1px solid #bbf7d0;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  line-height: 1;
}

._activateBtn_16b35_404:hover {
  background: #dcfce7;
}

._editBtnSmall_16b35_419 {
  padding: 2px 8px;
  background: #eff6ff;
  color: #3b82f6;
  border: 1px solid #bfdbfe;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  margin-right: 4px;
  line-height: 1;
}

._editBtnSmall_16b35_419:hover {
  background: #dbeafe;
}

/* View toggle */
._viewToggle_16b35_436 {
  display: flex;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  overflow: hidden;
}

._toggleBtn_16b35_443 {
  padding: 5px 14px;
  background: #fff;
  border: none;
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  transition: all 0.15s;
}

._toggleBtn_16b35_443:not(:last-child) {
  border-right: 1px solid #e2e8f0;
}

._toggleActive_16b35_458 {
  background: #6366f1;
  color: #fff;
}

/* Status badges */
._statusActive_16b35_464 {
  display: inline-block;
  padding: 2px 8px;
  background: #dcfce7;
  color: #166534;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
}

._statusInactive_16b35_474 {
  display: inline-block;
  padding: 2px 8px;
  background: #f1f5f9;
  color: #94a3b8;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
}

/* Directory section */
._directorySection_16b35_485 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Modal */
._modalOverlay_16b35_492 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

._modal_16b35_492 {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  min-width: 400px;
  max-width: 500px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}

._modal_16b35_492 h2 {
  font-size: 16px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 16px;
}

._formGroup_16b35_518 {
  margin-bottom: 12px;
}

._formGroup_16b35_518 label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #475569;
  margin-bottom: 4px;
}

._formGroup_16b35_518 input,
._formGroup_16b35_518 select {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
  outline: none;
  box-sizing: border-box;
}

._formGroup_16b35_518 input:focus,
._formGroup_16b35_518 select:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.15);
}

._helpText_16b35_547 {
  font-size: 11px;
  color: #94a3b8;
  margin-top: 2px;
}

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

._cancelBtn_16b35_560 {
  padding: 8px 16px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  cursor: pointer;
}

._cancelBtn_16b35_560:hover {
  background: #e2e8f0;
}

._saveBtn_16b35_575 {
  padding: 8px 16px;
  background: #6366f1;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

._saveBtn_16b35_575:hover {
  background: #4f46e5;
}

._deleteBtn_16b35_590 {
  padding: 8px 16px;
  background: #fef2f2;
  color: #dc2626;
  border: 1px solid #fecaca;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

._deleteBtn_16b35_590:hover {
  background: #fee2e2;
}

/* Cost per sale chart */
._chartSection_16b35_606 {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  padding: 16px;
  flex: none;
}

._chartTitle_16b35_615 {
  font-size: 14px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 8px;
}

._chartSvg_16b35_622 {
  display: block;
  width: 100%;
  height: 200px;
}

._loading_16b35_628 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  color: #6b7280;
}
._container_nuheu_1 {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: calc(100vh - 52px - 20px);
  box-sizing: border-box;
  overflow-y: auto;
}

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

._header_nuheu_11 h1 {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0;
}

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

._dateInput_nuheu_31 {
  padding: 5px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
  color: #334155;
  background: #fff;
  outline: none;
}

._dateInput_nuheu_31:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.15);
}

._addBtn_nuheu_46 {
  padding: 6px 14px;
  background: #6366f1;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
  white-space: nowrap;
}

._addBtn_nuheu_46:hover {
  background: #4f46e5;
}

._addBtn_nuheu_46:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* Info panels row */
._panelsRow_nuheu_69 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

._panelTitle_nuheu_75 {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: #475569;
  margin-bottom: 10px;
}

/* Checklist */
._checklistPanel_nuheu_85 {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 14px 16px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

._checkItem_nuheu_93 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 0;
  font-size: 13px;
  color: #334155;
  cursor: pointer;
  transition: color 0.15s;
}

._checkItem_nuheu_93 input[type="checkbox"] {
  accent-color: #16a34a;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

._checkItemDone_nuheu_111 span {
  text-decoration: line-through;
  color: #94a3b8;
}

/* Chase NO FEE panel */
._chasePanel_nuheu_117 {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 14px 16px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

._chaseGroup_nuheu_125 {
  margin-bottom: 8px;
}

._chaseGroup_nuheu_125:last-child {
  margin-bottom: 0;
}

._chaseGroupTitle_nuheu_133 {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #fff;
  padding: 3px 10px;
  border-radius: 4px;
  margin-bottom: 4px;
}

._chaseRow_nuheu_144 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3px 10px;
  font-size: 13px;
  border-bottom: 1px solid #f8fafc;
}

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

._chaseLabel_nuheu_157 {
  color: #64748b;
  font-weight: 500;
}

._chaseValue_nuheu_162 {
  color: #1e293b;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

/* Chart */
._chartWrapper_nuheu_169 {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 16px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

/* Section title */
._sectionTitle_nuheu_178 {
  font-size: 16px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 8px;
}

/* Table */
._tableWrapper_nuheu_186 {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  overflow: auto;
  margin-bottom: 24px;
}

._table_nuheu_186 {
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

._table_nuheu_186 thead {
  position: sticky;
  top: 0;
  z-index: 10;
}

._table_nuheu_186 th {
  padding: 8px 10px;
  text-align: right;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  color: #475569;
  letter-spacing: 0.3px;
  white-space: nowrap;
  background: #f8f9fa;
  border-bottom: 2px solid #e2e8f0;
}

._table_nuheu_186 td {
  padding: 4px 8px;
  text-align: right;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

._thDate_nuheu_230 {
  text-align: left !important;
  padding-left: 12px !important;
  min-width: 110px;
}

._thAccount_nuheu_236 {
  min-width: 120px;
}

._thTotal_nuheu_240 {
  background: #e0e7ff !important;
  color: #3730a3 !important;
  min-width: 120px;
}

._thDiff_nuheu_246 {
  background: #f0fdf4 !important;
  color: #166534 !important;
  min-width: 120px;
}

._dateCell_nuheu_252 {
  text-align: left !important;
  font-weight: 600;
  color: #64748b;
  padding-left: 12px !important;
}

._newRow_nuheu_259 td {
  background: #fefce8;
}

._newRow_nuheu_259 ._dateCell_nuheu_252 {
  background: #fefce8;
  color: #92400e;
}

/* Editable cell */
._editableCell_nuheu_269 {
  cursor: pointer;
  position: relative;
}

._editableCell_nuheu_269:hover {
  background: #eff6ff;
}

._cellInput_nuheu_278 {
  width: 90px;
  padding: 2px 4px;
  border: 2px solid #6366f1;
  border-radius: 4px;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  text-align: right;
  outline: none;
  background: #fff;
}

._emptyCell_nuheu_290 {
  color: #cbd5e1;
}

._totalCell_nuheu_294 {
  font-weight: 700;
}

._diffPositive_nuheu_298 {
  font-weight: 600;
  color: #16a34a;
}

._diffNegative_nuheu_303 {
  font-weight: 600;
  color: #dc2626;
}

._diffNeutral_nuheu_308 {
  font-weight: 600;
  color: #64748b;
}

._diffNone_nuheu_313 {
  color: #94a3b8;
}

._loading_nuheu_317 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  color: #6b7280;
}

._colorDot_nuheu_325 {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

._accountHeader_nuheu_333 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

._accountInfo_nuheu_339 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1.2;
}

._accountName_nuheu_346 {
  font-size: 11px;
  font-weight: 700;
  color: #334155;
  text-transform: uppercase;
}

._accountMeta_nuheu_353 {
  font-size: 10px;
  font-weight: 500;
  color: #94a3b8;
  text-transform: none;
  letter-spacing: 0;
}
._layout_hy6m0_1 {
  display: flex;
  height: 100vh;
  background: #f5f6fa;
}

._sidebar_hy6m0_7 {
  width: 200px;
  min-width: 200px;
  background: #1e1b4b;
  display: flex;
  flex-direction: column;
  padding: 16px 0;
}

._logo_hy6m0_16 {
  padding: 0 16px 16px;
  font-size: 16px;
  font-weight: 800;
  color: #c4b5fd;
  letter-spacing: 0.5px;
}

._nav_hy6m0_24 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0 8px;
}

._navItem_hy6m0_31 {
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #a5b4fc;
  text-decoration: none;
  transition: all 0.15s;
}

._navItem_hy6m0_31:hover {
  background: rgba(165, 180, 252, 0.1);
  color: #e0e7ff;
}

._active_hy6m0_47 {
  background: rgba(99, 102, 241, 0.25) !important;
  color: #fff !important;
  font-weight: 600;
}

._panelLinksSection_hy6m0_53 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 8px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin-top: auto;
}

._panelLinkItem_hy6m0_62 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #a5b4fc;
  text-decoration: none;
  transition: all 0.15s;
}

._panelLinkItem_hy6m0_62:hover {
  background: rgba(165, 180, 252, 0.1);
  color: #e0e7ff;
}

._bottom_hy6m0_80 {
  padding: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._topBar_hy6m0_88 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 10px 20px;
  background: #fff;
  border-bottom: 1px solid #e2e8f0;
  flex-shrink: 0;
}

._shiftBtnTop_hy6m0_98 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  border: 2px solid transparent;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s;
  letter-spacing: 0.3px;
}

._shiftOnTop_hy6m0_112 {
  background: #dcfce7;
  color: #15803d;
  border-color: #86efac;
}

._shiftOnTop_hy6m0_112:hover {
  background: #bbf7d0;
  border-color: #4ade80;
}

._shiftOffTop_hy6m0_123 {
  background: #fef2f2;
  color: #dc2626;
  border-color: #fca5a5;
}

._shiftOffTop_hy6m0_123:hover {
  background: #fee2e2;
  border-color: #f87171;
}

._shiftDotTop_hy6m0_134 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

._shiftOnTop_hy6m0_112 ._shiftDotTop_hy6m0_134 {
  background: #22c55e;
  box-shadow: 0 0 8px rgba(34, 197, 94, 0.6);
  animation: _pulse_hy6m0_1 2s infinite;
}

._shiftOffTop_hy6m0_123 ._shiftDotTop_hy6m0_134 {
  background: #ef4444;
}

@keyframes _pulse_hy6m0_1 {
  0%, 100% { box-shadow: 0 0 4px rgba(34, 197, 94, 0.4); }
  50% { box-shadow: 0 0 12px rgba(34, 197, 94, 0.8); }
}

._shiftStats_hy6m0_156 {
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
  background: #f1f5f9;
  padding: 6px 12px;
  border-radius: 8px;
}

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

._userName_hy6m0_172 {
  font-size: 12px;
  color: #a5b4fc;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._roleBadge_hy6m0_182 {
  font-size: 10px;
  font-weight: 700;
  color: #fbbf24;
  background: rgba(251, 191, 36, 0.15);
  padding: 2px 6px;
  border-radius: 4px;
}

._logoutBtn_hy6m0_191 {
  font-size: 11px;
  color: #94a3b8;
  background: none;
  border: none;
  cursor: pointer;
  padding: 2px 4px;
}

._logoutBtn_hy6m0_191:hover {
  color: #f87171;
}

._main_hy6m0_204 {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
._overlay_10k9l_1 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 60px;
  z-index: 1000;
  overflow-y: auto;
}

._modal_10k9l_13 {
  background: #fff;
  border-radius: 14px;
  width: 520px;
  max-width: 95vw;
  max-height: 80vh;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._header_10k9l_25 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #f1f5f9;
}

._headerTitle_10k9l_33 {
  font-size: 16px;
  font-weight: 700;
  color: #1e293b;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._stepper_10k9l_44 {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 10px 16px;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  overflow-x: auto;
  flex-shrink: 0;
}

._stepperItem_10k9l_55 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  border-radius: 6px;
  border: 2px solid transparent;
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
  background: #fff;
  cursor: pointer;
  transition: all 0.15s;
  white-space: nowrap;
  flex-shrink: 0;
}

._stepperItem_10k9l_55:hover:not(:disabled) {
  background: #e0e7ff;
  color: #4338ca;
  border-color: #c7d2fe;
}

._stepperItem_10k9l_55:disabled {
  cursor: default;
}

._stepperCurrent_10k9l_82 {
  font-weight: 700;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

._stepperPast_10k9l_87 {
  color: #94a3b8;
  background: #f1f5f9;
}

._stepperFinal_10k9l_92:hover:not(:disabled) {
  background: #fef2f2;
  color: #dc2626;
  border-color: #fca5a5;
}

._stepperArrow_10k9l_98 {
  color: #cbd5e1;
  font-size: 16px;
  font-weight: 400;
  margin-left: 4px;
}

._stepperName_10k9l_105 {
  pointer-events: none;
}

._closeBtn_10k9l_109 {
  background: none;
  border: none;
  font-size: 24px;
  color: #94a3b8;
  cursor: pointer;
  line-height: 1;
  padding: 0 4px;
}

._closeBtn_10k9l_109:hover {
  color: #ef4444;
}

._body_10k9l_123 {
  padding: 16px 20px;
}

._infoGrid_10k9l_127 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

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

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

._infoLabel_10k9l_143 {
  font-size: 11px;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

._infoValue_10k9l_151 {
  font-size: 14px;
  color: #1e293b;
  display: flex;
  align-items: center;
  gap: 4px;
}

._infoEmpty_10k9l_159 {
  font-size: 14px;
  color: #cbd5e1;
}

._phoneLink_10k9l_164 {
  font-size: 14px;
  color: #6366f1;
  text-decoration: none;
  font-weight: 500;
}

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

._axlLink_10k9l_175 {
  font-size: 13px;
  color: #6366f1;
  text-decoration: none;
}

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

._overdueText_10k9l_185 {
  color: #dc2626 !important;
  font-weight: 600;
}

._managerDot_10k9l_190 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

._actions_10k9l_197 {
  display: flex;
  gap: 8px;
  margin-top: 14px;
}

._editBtn_10k9l_203 {
  padding: 6px 14px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  cursor: pointer;
}

._editBtn_10k9l_203:hover {
  background: #e2e8f0;
}

._assignSelect_10k9l_218 {
  padding: 6px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
  color: #334155;
  background: #fff;
  flex: 1;
}

/* Edit form */
._editForm_10k9l_229 {
  padding: 16px 20px;
}

._field_10k9l_233 {
  margin-bottom: 12px;
}

._field_10k9l_233 label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #475569;
  margin-bottom: 4px;
}

._field_10k9l_233 input,
._field_10k9l_233 textarea {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
  outline: none;
  box-sizing: border-box;
}

._field_10k9l_233 input:focus,
._field_10k9l_233 textarea:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.15);
}

._editActions_10k9l_262 {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

._cancelBtn_10k9l_268 {
  padding: 8px 16px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  cursor: pointer;
}

._saveBtn_10k9l_279 {
  padding: 8px 16px;
  background: #6366f1;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

._saveBtn_10k9l_279:hover {
  background: #4f46e5;
}

/* Comment section */
._commentSection_10k9l_295 {
  padding: 12px 20px;
  border-top: 1px solid #f1f5f9;
}

._commentInput_10k9l_300 {
  display: flex;
  gap: 8px;
}

._commentInput_10k9l_300 input {
  flex: 1;
  padding: 8px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: 13px;
  outline: none;
}

._commentInput_10k9l_300 input:focus {
  border-color: #6366f1;
}

._commentInput_10k9l_300 button {
  padding: 8px 14px;
  background: #6366f1;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}

._commentInput_10k9l_300 button:disabled {
  opacity: 0.5;
  cursor: default;
}

/* History */
._history_10k9l_336 {
  padding: 12px 20px 16px;
  border-top: 1px solid #f1f5f9;
  overflow-y: auto;
  max-height: 240px;
}

._historyTitle_10k9l_343 {
  font-size: 13px;
  font-weight: 700;
  color: #475569;
  margin-bottom: 8px;
}

._historyItem_10k9l_350 {
  padding: 8px 0;
  border-bottom: 1px solid #f8fafc;
}

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

._historyAction_10k9l_359 {
  font-size: 12px;
  font-weight: 600;
  color: #6366f1;
}

._historyComment_10k9l_365 {
  font-size: 13px;
  color: #334155;
  margin-top: 2px;
}

._historyDate_10k9l_371 {
  font-size: 11px;
  color: #94a3b8;
  margin-top: 2px;
}

._historyEmpty_10k9l_377 {
  font-size: 13px;
  color: #94a3b8;
  text-align: center;
  padding: 12px;
}

._loading_10k9l_384 {
  padding: 40px;
  text-align: center;
  color: #6b7280;
}
._container_c2wi5_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

._toolbar_c2wi5_8 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
  flex-shrink: 0;
}

._title_c2wi5_16 {
  font-size: 20px;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
}

._filterSelect_c2wi5_23 {
  padding: 6px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: 13px;
  color: #334155;
  background: #fff;
  outline: none;
}

._filterSelect_c2wi5_23:focus {
  border-color: #6366f1;
}

._board_c2wi5_37 {
  display: flex;
  gap: 10px;
  padding: 0 16px 16px;
  flex: 1;
  overflow-x: scroll;
  overflow-y: hidden;
  min-height: 0;
  scrollbar-width: thin;
  scrollbar-color: #c7d2fe transparent;
}

._board_c2wi5_37::-webkit-scrollbar {
  height: 10px;
  display: block !important;
}

._board_c2wi5_37::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 5px;
}

._board_c2wi5_37::-webkit-scrollbar-thumb {
  background: #c7d2fe;
  border-radius: 5px;
  min-width: 40px;
}

._board_c2wi5_37::-webkit-scrollbar-thumb:hover {
  background: #a5b4fc;
}

._column_c2wi5_69 {
  min-width: 240px;
  max-width: 280px;
  flex: 1;
  background: #f1f5f9;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  transition: background 0.15s;
}

._columnOver_c2wi5_80 {
  background: #e0e7ff;
}

._colHeader_c2wi5_84 {
  padding: 10px 12px;
  border-top: 3px solid #6366f1;
  border-radius: 12px 12px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}

._colName_c2wi5_94 {
  font-size: 13px;
  font-weight: 700;
  color: #1e293b;
}

._colCount_c2wi5_100 {
  font-size: 12px;
  font-weight: 700;
  color: #6366f1;
  background: #e0e7ff;
  padding: 2px 8px;
  border-radius: 10px;
}

._colBody_c2wi5_109 {
  flex: 1;
  overflow-y: auto;
  padding: 6px 8px 8px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._colEmpty_c2wi5_118 {
  text-align: center;
  padding: 20px 0;
  font-size: 12px;
  color: #94a3b8;
}

._card_c2wi5_125 {
  background: #fff;
  border-radius: 8px;
  padding: 10px 12px;
  cursor: grab;
  border: 1px solid #e2e8f0;
  transition: box-shadow 0.15s, border-color 0.15s;
}

._card_c2wi5_125:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border-color: #c7d2fe;
}

._card_c2wi5_125:active {
  cursor: grabbing;
}

._cardOverdue_c2wi5_143 {
  border-left: 3px solid #ef4444;
  background: #fef2f2;
}

._cardStale_c2wi5_148 {
  border-left: 3px solid #f59e0b;
  background: #fffbeb;
}

._cardName_c2wi5_153 {
  font-size: 13px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 2px;
}

._cardPhone_c2wi5_160 {
  font-size: 12px;
  color: #6366f1;
  font-weight: 500;
}

._cardMeta_c2wi5_166 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
  font-size: 11px;
  color: #64748b;
}

._cardTime_c2wi5_175 {
  font-size: 10px;
  color: #94a3b8;
}

._cardNext_c2wi5_180 {
  margin-top: 4px;
  font-size: 11px;
  color: #475569;
  background: #f1f5f9;
  padding: 2px 6px;
  border-radius: 4px;
  display: inline-block;
}

._cardNextOverdue_c2wi5_190 {
  background: #fee2e2;
  color: #dc2626;
  font-weight: 600;
}

._cardManager_c2wi5_196 {
  margin-top: 4px;
  font-size: 11px;
  color: #64748b;
  display: flex;
  align-items: center;
  gap: 4px;
}

._managerDot_c2wi5_205 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

._loading_c2wi5_212 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #6b7280;
  font-size: 15px;
}
._container_gtfcf_1 {
  padding: 16px 20px;
  overflow-y: auto;
  height: 100%;
}

._title_gtfcf_7 {
  font-size: 20px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 16px;
}

._grid_gtfcf_14 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
  margin-bottom: 24px;
}

._managerCard_gtfcf_21 {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  padding: 14px;
}

._managerHeader_gtfcf_28 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

._dot_gtfcf_35 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

._dotOn_gtfcf_42 {
  background: #22c55e;
  box-shadow: 0 0 6px #22c55e;
}

._dotOff_gtfcf_47 {
  background: #cbd5e1;
}

._managerName_gtfcf_51 {
  font-size: 15px;
  font-weight: 700;
}

._managerStats_gtfcf_56 {
  display: flex;
  gap: 16px;
  margin-bottom: 8px;
}

._stat_gtfcf_62 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._statValue_gtfcf_68 {
  font-size: 18px;
  font-weight: 800;
  color: #1e293b;
}

._statLabel_gtfcf_74 {
  font-size: 10px;
  color: #94a3b8;
  text-transform: uppercase;
}

._shiftStatus_gtfcf_80 {
  font-size: 12px;
  color: #64748b;
}

._shiftTime_gtfcf_85 {
  color: #94a3b8;
}

._unassignedSection_gtfcf_89 {
  border-top: 1px solid #e2e8f0;
  padding-top: 16px;
}

._subtitle_gtfcf_94 {
  font-size: 16px;
  font-weight: 700;
  color: #dc2626;
  margin: 0 0 12px;
}

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

._unassignedItem_gtfcf_107 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #fecaca;
  border-radius: 8px;
  padding: 10px 14px;
  gap: 12px;
}

._leadInfo_gtfcf_118 {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
}

._leadName_gtfcf_126 {
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
}

._leadPhone_gtfcf_132 {
  font-size: 13px;
  color: #6366f1;
}

._leadTime_gtfcf_137 {
  font-size: 11px;
  color: #94a3b8;
}

._assignSelect_gtfcf_142 {
  padding: 6px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
  background: #fff;
  min-width: 140px;
}

._loading_gtfcf_151 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  color: #6b7280;
}

._isActive_gtfcf_159 {}
._container_1he8v_1 {
  padding: 8px 12px;
  max-width: 100%;
  width: 100%;
}

._title_1he8v_7 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 4px;
  color: #1a1a1a;
}

._query_1he8v_14 {
  color: #6366f1;
}

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

._loading_1he8v_24 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  color: #6b7280;
  font-size: 15px;
}

._empty_1he8v_33 {
  text-align: center;
  padding: 48px;
  color: #9ca3af;
  font-size: 15px;
}

._card_1he8v_40 {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  margin-bottom: 16px;
  overflow: hidden;
}

._cardHeader_1he8v_48 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}

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

._cardName_1he8v_63 {
  font-weight: 600;
  font-size: 15px;
  color: #1a1a1a;
}

._cardEmail_1he8v_69 {
  font-size: 13px;
  color: #6b7280;
}

._axlLink_1he8v_74 {
  display: inline-flex;
  align-items: center;
  padding: 6px 24px;
  background: #1677ff;
  color: #fff;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.15s;
  white-space: nowrap;
}

._axlLink_1he8v_74:hover {
  background: #0958d9;
}

/* Table wrapper with horizontal scroll */
._tableWrapper_1he8v_93 {
  overflow: scroll;
  max-width: 100%;
  scrollbar-width: thin;
  scrollbar-color: #c1c1c1 #f1f1f1;
}

._tableWrapper_1he8v_93::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

._tableWrapper_1he8v_93::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

._tableWrapper_1he8v_93::-webkit-scrollbar-thumb {
  background: #b0b0b0;
  border-radius: 4px;
  border: 2px solid #f1f1f1;
}

._tableWrapper_1he8v_93::-webkit-scrollbar-thumb:hover {
  background: #888;
}

._tableWrapper_1he8v_93::-webkit-scrollbar-corner {
  background: #f1f1f1;
}

/* Table — matches Payments table style */
._table_1he8v_93 {
  min-width: 2800px;
  font-size: 14px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}

._table_1he8v_93 thead {
  background: #f8f9fa;
  position: sticky;
  top: 0;
  z-index: 10;
}

._table_1he8v_93 th {
  padding: 4px 8px;
  text-align: center;
  font-family: Arial, sans-serif;
  font-weight: 700;
  font-size: 10pt;
  text-transform: uppercase;
  color: #495057;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  background: #f8f9fa;
  border-bottom: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
}

._table_1he8v_93 td {
  padding: 2px 8px;
  border-bottom: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  color: #212529;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Arial, sans-serif;
  font-size: 10pt;
  line-height: 1.3;
}

._table_1he8v_93 tbody tr:hover {
  background: #f8f9fa;
}

._rowNum_1he8v_173 {
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  text-align: center;
  color: #9ca3af;
  font-size: 11px;
  font-weight: 500;
  padding: 2px 4px !important;
  background: #f8f9fa;
  border-right: 1px solid #e9ecef;
  user-select: none;
}

._rowNumHeader_1he8v_187 {
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  text-align: center;
  font-size: 10px;
  color: #9ca3af;
  padding: 4px !important;
  background: #f8f9fa;
  border-right: 1px solid #e9ecef;
}

._amount_1he8v_199 {
  text-align: right;
  font-weight: 500;
}

._incomeCol_1he8v_204 {
  background-color: #d9ead3 !important;
}

._factCol_1he8v_208 {
  background-color: #b5d7a8 !important;
}

._textSmall_1he8v_212 {
  font-size: 12px;
  max-width: 200px;
  white-space: normal;
  word-break: break-word;
}

._link_1he8v_219 {
  color: #007bff;
  text-decoration: none;
}

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

._studentBadge_1he8v_228 {
  display: inline-block;
  padding: 1px 6px;
  background: #e8f5e9;
  color: #2e7d32;
  border-radius: 3px;
  font-size: 0.8em;
  font-weight: 500;
  white-space: nowrap;
}

._clickableRow_1he8v_239 {
  cursor: pointer;
}

._clickableRow_1he8v_239:hover {
  background: #f0f4ff;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

/* Prevent zoom on mobile */
html {
  touch-action: manipulation;
}

body {
  touch-action: manipulation;
}

html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif;
  background: #f5f7fa;
  color: #1a1a2e;
  line-height: 1.5;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  padding-bottom: env(safe-area-inset-bottom, 0);
}

html {
  height: -webkit-fill-available;
}

input, button, textarea {
  font-family: inherit;
}

button {
  cursor: pointer;
}

a {
  text-decoration: none;
  color: inherit;
}

/* Mobile optimizations */
@media (max-width: 420px) {
  html {
    font-size: 15px;
  }
}

/* Safe area padding for notch devices */
@supports (padding: env(safe-area-inset-bottom)) {
  body {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
}