._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_zg4oc_1 {
  height: 100vh;
  display: flex;
  flex-direction: column;
  background: #f5f7fa;
  overflow: hidden;
}

._header_zg4oc_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_zg4oc_24 {
  font-size: 18px;
  font-weight: 700;
  color: #1a1a2e;
}

._logoutBtn_zg4oc_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_zg4oc_30:hover {
  background: #e0e0e0;
}

._content_zg4oc_46 {
  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_zg4oc_58 {
  margin-top: 56px;
  padding: 0;
  max-width: none;
  overflow: hidden;
}

._tabBar_zg4oc_65 {
  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_zg4oc_65 {
  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_zg4oc_65 svg {
  width: 24px;
  height: 24px;
}

._tab_zg4oc_65._active_zg4oc_98 {
  color: #667eea;
}

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

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

/* Sidebar */
._sidebar_1tjfp_8 {
  width: 260px;
  background: linear-gradient(180deg, #1a1a24 0%, #12121a 100%);
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  flex-direction: column;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
}

._logo_1tjfp_21 {
  padding: 24px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

._logoIcon_1tjfp_29 {
  font-size: 24px;
}

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

._nav_1tjfp_41 {
  flex: 1;
  padding: 16px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._navItem_1tjfp_49 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
}

._navItem_1tjfp_49:hover {
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.9);
}

._navItem_1tjfp_49._active_1tjfp_67 {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  color: #fff;
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

._navItem_1tjfp_49 svg {
  flex-shrink: 0;
}

._sidebarFooter_1tjfp_77 {
  padding: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

._userInfo_1tjfp_82 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.02);
}

._userAvatar_1tjfp_91 {
  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_1tjfp_104 {
  flex: 1;
  min-width: 0;
}

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

._userEmail_1tjfp_118 {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Main content area */
._main_1tjfp_127 {
  flex: 1;
  margin-left: 260px;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

._header_1tjfp_135 {
  height: 64px;
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: rgba(255, 255, 255, 0.02);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

._headerTitle_1tjfp_145 {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}

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

._logoutBtn_1tjfp_151:hover {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.3);
}

._content_1tjfp_171 {
  flex: 1;
  padding: 32px;
  overflow-y: auto;
}

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

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

  ._logoText_1tjfp_33 {
    display: none;
  }

  ._navItem_1tjfp_49 span {
    display: none;
  }

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

  ._userDetails_1tjfp_104 {
    display: none;
  }

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

  ._main_1tjfp_127 {
    margin-left: 80px;
  }
}

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

  ._main_1tjfp_127 {
    margin-left: 0;
  }

  ._content_1tjfp_171 {
    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_1k3ze_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_1k3ze_2 {
    height: 100vh;
    height: 100dvh; /* Dynamic viewport height - excludes keyboard */
  }
}

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

/* Header */
._header_1k3ze_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_1k3ze_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_1k3ze_43:hover {
  background: #f0f0f0;
}

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

._headerAvatar_1k3ze_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_1k3ze_84 {
  flex: 1;
  min-width: 0;
}

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

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

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

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

._editNameInput_1k3ze_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_1k3ze_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_1k3ze_149 {
  background-color: #4caf50;
}

._editNameBtnCancel_1k3ze_153 {
  background-color: #f44336;
}

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

._axlButton_1k3ze_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_1k3ze_170:hover {
  opacity: 0.85;
}

._axlButton_1k3ze_170:active {
  opacity: 0.7;
}

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

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

._axlButtonInactive_1k3ze_200:hover {
  opacity: 0.8;
}

._axlButtonInactive_1k3ze_200 ._axlIcon_1k3ze_193 {
  color: #999;
}

._infoButton_1k3ze_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_1k3ze_214:hover {
  border-color: #667eea;
  background: rgba(102, 126, 234, 0.05);
}

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

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

/* Ban Button */
._banButton_1k3ze_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_1k3ze_248:hover:not(:disabled) {
  background: rgba(239, 68, 68, 0.05);
  border-color: #dc2626;
  color: #dc2626;
}

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

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

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

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

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

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

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

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

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

._infoItem_1k3ze_324 ._infoIcon_1k3ze_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_1k3ze_342 {
  flex: 1;
  min-width: 0;
}

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

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

/* Info Modal */
._modalOverlay_1k3ze_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_1k3ze_1 0.2s ease;
  padding: 20px;
}

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

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

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

._modalClose_1k3ze_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_1k3ze_403:hover {
  background: #f5f5f5;
  color: #666;
}

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

/* Add Card Modal */
._addCardModalOverlay_1k3ze_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_1k3ze_1 0.2s ease;
  padding: 20px;
}

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

._addCardModal_1k3ze_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_1k3ze_1 0.3s ease;
}

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

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

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

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

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

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

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

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

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

._modalBtnCancel_1k3ze_498:disabled,
._modalBtnConfirm_1k3ze_499:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._urlInput_1k3ze_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_1k3ze_533:focus {
  border-color: #2196F3;
}

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

._searchAxlBtn_1k3ze_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_1k3ze_552:hover:not(:disabled) {
  opacity: 0.9;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(33, 150, 243, 0.3);
}

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

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

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

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

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

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

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

._bubbleWrapper_1k3ze_624._inbound_1k3ze_630 {
  align-items: flex-start;
}

._bubbleWrapper_1k3ze_624._outbound_1k3ze_634 {
  align-items: flex-end;
}

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

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

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

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

._messageText_1k3ze_669 {
  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_1k3ze_630 ._messageText_1k3ze_669 {
  color: #1a1a2e;
}

._outbound_1k3ze_634 ._messageText_1k3ze_669 {
  color: white;
}

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

._inbound_1k3ze_630 ._mediaContent_1k3ze_688 {
  color: #1a1a2e;
}

._outbound_1k3ze_634 ._mediaContent_1k3ze_688 {
  color: white;
}

._mediaIcon_1k3ze_705 {
  font-size: 18px;
}

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

._time_1k3ze_721 {
  font-size: 11px;
}

._inbound_1k3ze_630 ._time_1k3ze_721 {
  color: #999;
}

._outbound_1k3ze_634 ._time_1k3ze_721 {
  color: rgba(255,255,255,0.7);
}

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

._inbound_1k3ze_630 ._edited_1k3ze_733 {
  color: #999;
}

._outbound_1k3ze_634 ._edited_1k3ze_733 {
  color: rgba(255,255,255,0.7);
}

/* Editing indicator */
._editingIndicator_1k3ze_748 {
  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_1k3ze_759 {
  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_1k3ze_759:hover {
  background: rgba(0,0,0,0.1);
}

/* Context menu */
._contextMenu_1k3ze_776 {
  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_1k3ze_776 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_1k3ze_776 button:hover {
  background: #f0f0f0;
}

/* Composer */
._composer_1k3ze_805 {
  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_1k3ze_816 {
  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_1k3ze_816:hover {
  background: #f0f0f0;
  color: #333;
}

._inputWrapper_1k3ze_836 {
  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_1k3ze_836:focus-within {
  border-color: #667eea;
  background: white;
}

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

._emojiBtn_1k3ze_857 {
  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_1k3ze_857:hover {
  background: rgba(0,0,0,0.05);
  color: #666;
}

._emojiPicker_1k3ze_877 {
  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_1k3ze_889 {
  display: grid;
  grid-template-columns: repeat(7, 32px);
  gap: 2px;
}

._emojiItem_1k3ze_895 {
  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_1k3ze_895:hover {
  background: #f0f0f0;
}

._input_1k3ze_836 {
  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_1k3ze_836::placeholder {
  color: #999;
}

._sendBtn_1k3ze_933 {
  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_1k3ze_933:hover:not(:disabled) {
  transform: scale(1.05);
}

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

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

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

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

._bindBtn_1k3ze_977 {
  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_1k3ze_977:hover {
  transform: scale(1.02);
}

/* Info Banner */
._infoBanner_1k3ze_995 {
  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_1k3ze_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_1k3ze_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_1k3ze_388 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #e0e0e0;
}

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

._modalClose_1k3ze_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_1k3ze_403:hover {
  background: #f0f0f0;
}

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

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

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

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

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

._modalItem_1k3ze_1095 {
  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_1k3ze_1095:hover:not(:disabled) {
  background: #f5f7fa;
}

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

._modalAvatar_1k3ze_1117 {
  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_1k3ze_1131 {
  flex: 1;
  min-width: 0;
}

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

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

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

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

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

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

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

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

._fileLink_1k3ze_1183:hover {
  opacity: 0.8;
}

/* File preview */
._filePreview_1k3ze_1193 {
  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_1k3ze_1206 {
  flex: 1;
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._removeFileBtn_1k3ze_1215 {
  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_1k3ze_1215:hover {
  background: #e0e0e0;
}

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

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

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

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

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

  ._headerName_1k3ze_89 {
    font-size: 15px;
  }

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

  ._bubble_1k3ze_624 {
    max-width: 85%;
  }

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

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

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

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

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

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

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

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

  ._emojiPicker_1k3ze_877 {
    right: -40px;
  }

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

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

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

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

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

._menuButton_1k3ze_1353 {
  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_1k3ze_1353:hover {
  background: #e8e8e8;
  color: #333;
}

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

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

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

._dropdownMenu_1k3ze_1334 {
  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_1k3ze_1 0.2s ease-out;
}

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

._menuItem_1k3ze_1409 {
  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_1k3ze_1409:last-child {
  border-bottom: none;
}

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

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

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

/* Toast Notification */
._toast_1k3ze_1339 {
  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_1k3ze_1 0.3s ease-out;
  font-size: 14px;
  font-weight: 500;
  min-width: 280px;
}

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

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

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

._toastIcon_1k3ze_1483 {
  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_1k3ze_1475 ._toastIcon_1k3ze_1483 {
  background: #dcfce7;
  color: #16a34a;
}

._toastError_1k3ze_1479 ._toastIcon_1k3ze_1483 {
  background: #fee2e2;
  color: #dc2626;
}

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

._tabBtn_158at_11 {
  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_158at_11._active_158at_28 {
  color: #111;
  background: white;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

._badge_158at_34 {
  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_158at_46 {
  background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%) !important;
}

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

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

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

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

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

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

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

/* Search & Filters */
._searchBox_158at_107 {
  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_158at_117 {
  flex: 1;
  border: none;
  font-size: 16px;
  outline: none;
  background: transparent;
}

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

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

._curatorSelect_158at_137 {
  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_158at_137:hover:not(:disabled) {
  border-color: #667eea;
}

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

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

._filters_158at_165 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

._filterBtn_158at_171 {
  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_158at_171._active_158at_28 {
  color: #667eea;
  border-color: #667eea;
  background: rgba(102, 126, 234, 0.1);
}

._moreFiltersWrapper_158at_189 {
  position: relative;
}

._moreFiltersDropdown_158at_193 {
  position: absolute;
  top: calc(100% + 8px);
  right: 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_158at_208 {
  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_158at_208:hover {
  background: rgba(102, 126, 234, 0.05);
  color: #667eea;
}

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

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

._pullRefreshIndicator_158at_242 {
  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_158at_259 {
  animation: none;
}

._spinner_158at_263 {
  animation: _spin_158at_263 0.8s linear infinite;
}

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

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

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

._studentCardMobile_158at_290 {
  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_158at_304 {
  font-size: 12px;
  color: #94a3b8;
  font-weight: 400;
}

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

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

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

/* Sidebar */
._sidebar_158at_335 {
  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_158at_335 ._tabSwitcher_158at_2 {
  margin: 16px;
  margin-bottom: 0;
}

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

._sidebar_158at_335 ._filters_158at_165 {
  padding: 0 16px 12px;
}

._sidebar_158at_335 ._filterBtn_158at_171 {
  padding: 6px 10px;
  font-size: 12px;
}

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

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

._studentItem_158at_377:hover {
  background: #f8f9fb;
}

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

._studentAvatar_158at_396 {
  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_158at_410 {
  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_158at_410._markedUnreadBadge_158at_426 {
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  background: #ff9800 !important;
  border-radius: 10px !important;
}

._unreadBadgeMobile_158at_435 {
  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_158at_435._markedUnreadBadge_158at_426 {
  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_158at_460 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  margin-left: auto;
  flex-shrink: 0;
}

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

/* Wait Time Badge (Desktop) */
._waitTimeBadge_158at_479 {
  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_158at_492 {
  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_158at_504 {
  flex: 1;
  min-width: 0;
}

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

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

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

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

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

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

._sidebar_158at_335 ._studentNameRow_158at_509 {
  gap: 6px;
}

._sidebar_158at_335 ._telegramTag_158at_304 {
  font-size: 11px;
  color: #94a3b8;
}

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

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

._noSelection_158at_585 {
  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_158at_585 p {
  font-size: 16px;
}

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

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

/* Context Menu */
._contextMenu_158at_615 {
  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_158at_1 0.15s ease-out;
}

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

._contextMenuItem_158at_636 {
  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_158at_636: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_thsfo_1 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
  animation: _fadeIn_thsfo_1 0.15s ease;
}

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

._modal_thsfo_18 {
  background: #1a1a24;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  width: 100%;
  max-width: 520px;
  max-height: 90vh;
  overflow-y: auto;
  animation: _slideUp_thsfo_1 0.2s ease;
}

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

._header_thsfo_40 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

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

._closeBtn_thsfo_56 {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: color 0.2s ease;
}

._closeBtn_thsfo_56:hover {
  color: #fff;
}

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

._form_thsfo_83 {
  padding: 24px;
}

._field_thsfo_87 {
  margin-bottom: 20px;
}

._field_thsfo_87 label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 8px;
}

._field_thsfo_87 input,
._field_thsfo_87 select {
  width: 100%;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  transition: all 0.2s ease;
}

._field_thsfo_87 input:focus,
._field_thsfo_87 select:focus {
  outline: none;
  border-color: #6366f1;
  background: rgba(255, 255, 255, 0.06);
}

._field_thsfo_87 input::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

._field_thsfo_87 input:disabled,
._field_thsfo_87 select:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._field_thsfo_87 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_thsfo_87 select option {
  background: #1a1a24;
  color: #fff;
}

._permissionsSection_thsfo_141 {
  margin-bottom: 20px;
}

._permissionsLabel_thsfo_145 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 12px;
}

._allAccess_thsfo_155 {
  font-weight: 400;
  color: #4ade80;
}

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

._permissionItem_thsfo_166 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  transition: all 0.2s ease;
}

._permissionItem_thsfo_166:hover {
  background: rgba(255, 255, 255, 0.04);
}

._permissionItem_thsfo_166._disabled_thsfo_184 {
  cursor: not-allowed;
  opacity: 0.6;
}

._permissionItem_thsfo_166 input {
  display: none;
}

._checkmark_thsfo_193 {
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

._permissionItem_thsfo_166 input:checked + ._checkmark_thsfo_193 {
  background: #6366f1;
  border-color: #6366f1;
}

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

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

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

._cancelBtn_thsfo_235 {
  flex: 1;
  padding: 12px 20px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

._cancelBtn_thsfo_235:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

._saveBtn_thsfo_253 {
  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_thsfo_253:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

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

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

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

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

._modal_ncbrd_18 {
  background: #1a1a24;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  width: 100%;
  max-width: 400px;
  padding: 32px;
  text-align: center;
  animation: _slideUp_ncbrd_1 0.2s ease;
}

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

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

._icon_ncbrd_40._danger_ncbrd_52 {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}

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

._message_ncbrd_65 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  margin: 0 0 24px;
  line-height: 1.5;
}

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

._cancelBtn_ncbrd_77 {
  flex: 1;
  padding: 12px 20px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

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

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

._confirmBtn_ncbrd_100 {
  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_ncbrd_100:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

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

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

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

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

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

._subtitle_148z8_24 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  margin: 4px 0 0;
}

._addButton_148z8_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_148z8_30:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(99, 102, 241, 0.4);
}

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

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

._tableWrapper_148z8_72 {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  overflow: hidden;
}

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

._table_148z8_72 th {
  text-align: left;
  padding: 16px 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.02);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

._table_148z8_72 td {
  padding: 16px 20px;
  font-size: 14px;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

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

._table_148z8_72 tr._inactive_148z8_107 {
  opacity: 0.5;
}

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

._avatar_148z8_117 {
  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_148z8_130 {
  color: rgba(255, 255, 255, 0.6);
}

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

._roleSuperAdmin_148z8_142 {
  background: rgba(239, 68, 68, 0.15);
  color: #f87171;
}

._roleAdmin_148z8_147 {
  background: rgba(251, 191, 36, 0.15);
  color: #fbbf24;
}

._roleCurator_148z8_152 {
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
}

._roleLeadCurator_148z8_157 {
  background: rgba(16, 185, 129, 0.15);
  color: #34d399;
}

._roleSalesLead_148z8_162 {
  background: rgba(139, 92, 246, 0.15);
  color: #a78bfa;
}

._roleSalesManager_148z8_167 {
  background: rgba(59, 130, 246, 0.15);
  color: #60a5fa;
}

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

._statusActive_148z8_180 {
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
}

._statusInactive_148z8_185 {
  background: rgba(107, 114, 128, 0.15);
  color: #9ca3af;
}

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

._actionBtn_148z8_195 {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  transition: all 0.2s ease;
}

._actionBtn_148z8_195:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

._actionBtn_148z8_195._warning_148z8_214:hover {
  background: rgba(251, 191, 36, 0.15);
  border-color: rgba(251, 191, 36, 0.3);
  color: #fbbf24;
}

._actionBtn_148z8_195._success_148z8_220:hover {
  background: rgba(34, 197, 94, 0.15);
  border-color: rgba(34, 197, 94, 0.3);
  color: #4ade80;
}

._actionBtn_148z8_195._danger_148z8_226:hover {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.3);
  color: #f87171;
}

._empty_148z8_232 {
  text-align: center;
  color: rgba(255, 255, 255, 0.4);
  padding: 48px !important;
}

._loading_148z8_238 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 64px;
  color: rgba(255, 255, 255, 0.5);
}

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

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

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

  ._addButton_148z8_30 {
    justify-content: center;
  }

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

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

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

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

._title_sg1ra_15 {
  font-size: 2rem;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 0.5rem 0;
}

._subtitle_sg1ra_22 {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.5);
  margin: 0;
}

._searchBox_sg1ra_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_sg1ra_28 svg {
  color: #9ca3af;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

._error_sg1ra_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_sg1ra_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_sg1ra_133 {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
}

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

._table_sg1ra_133 thead {
  background: #f9fafb;
}

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

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

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

._clickableRow_sg1ra_169 {
  cursor: pointer;
}

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

._table_sg1ra_133 tbody tr._banned_sg1ra_177 {
  background: #fef2f2;
}

._table_sg1ra_133 tbody tr._banned_sg1ra_177:hover {
  background: #fee2e2;
}

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

._avatar_sg1ra_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_sg1ra_185 {
  font-weight: 500;
  color: #1f2937;
}

._bannedLabel_sg1ra_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_sg1ra_221 {
  color: #6b7280;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._actionBtn_sg1ra_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_sg1ra_310:hover {
  background: #e5e7eb;
  color: #374151;
}

._actionBtn_sg1ra_310._danger_sg1ra_328 {
  color: #dc2626;
}

._actionBtn_sg1ra_310._danger_sg1ra_328:hover {
  background: #fee2e2;
  color: #991b1b;
}

._empty_sg1ra_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_1wmbo_1 {
  padding: 24px;
  max-width: 1200px;
  margin: 0 auto;
}

._container_1wmbo_1 h1 {
  margin-bottom: 24px;
  font-size: 28px;
  font-weight: 600;
}

._tabs_1wmbo_13 {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
  border-bottom: 2px solid #e9ecef;
}

._tab_1wmbo_13,
._tabActive_1wmbo_21 {
  padding: 12px 20px;
  background: none;
  border: none;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #6c757d;
  transition: all 0.2s;
}

._tabActive_1wmbo_21 {
  color: #007bff;
  border-bottom-color: #007bff;
}

._tab_1wmbo_13:hover {
  color: #495057;
}

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

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

._header_1wmbo_49 h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}

._addButton_1wmbo_62 {
  padding: 8px 16px;
  background: #28a745;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
}

._addButton_1wmbo_62:hover {
  background: #218838;
}

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

._table_1wmbo_77 thead {
  background: #f8f9fa;
  border-bottom: 2px solid #e9ecef;
}

._table_1wmbo_77 th {
  padding: 12px;
  text-align: left;
  font-weight: 600;
  color: #495057;
}

._table_1wmbo_77 td {
  padding: 12px;
  border-bottom: 1px solid #e9ecef;
}

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

._input_1wmbo_104 {
  width: 100%;
  padding: 6px 10px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 14px;
}

._input_1wmbo_104:focus {
  outline: none;
  border-color: #007bff;
}

._editBtn_1wmbo_117,
._deleteBtn_1wmbo_118,
._saveBtn_1wmbo_119,
._cancelBtn_1wmbo_120 {
  padding: 4px 12px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  margin-right: 4px;
}

._editBtn_1wmbo_117 {
  background: #007bff;
  color: white;
}

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

._deleteBtn_1wmbo_118 {
  background: #dc3545;
  color: white;
}

._deleteBtn_1wmbo_118:hover {
  background: #c82333;
}

._saveBtn_1wmbo_119 {
  background: #28a745;
  color: white;
}

._saveBtn_1wmbo_119:hover {
  background: #218838;
}

._cancelBtn_1wmbo_120 {
  background: #6c757d;
  color: white;
}

._cancelBtn_1wmbo_120:hover {
  background: #5a6268;
}

._colorPicker_1wmbo_165 {
  position: relative;
  display: inline-block;
}

._colorCircle_1wmbo_170 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #e9ecef;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}

._colorCircle_1wmbo_170:hover {
  transform: scale(1.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

._colorPalette_1wmbo_184 {
  position: absolute;
  top: 40px;
  left: 0;
  background: white;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 8px;
  z-index: 1000;
  min-width: 320px;
}

._colorOption_1wmbo_200 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #e9ecef;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}

._colorOption_1wmbo_200:hover {
  transform: scale(1.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  border-color: #495057;
}

._hexInput_1wmbo_215 {
  grid-column: 1 / -1;
  margin-top: 4px;
  padding: 5px 8px;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  font-size: 13px;
  font-family: monospace;
  color: #212529;
  width: 100%;
  box-sizing: border-box;
  outline: none;
}

._hexInput_1wmbo_215:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.15);
}
._container_ixiyt_1 {
  padding: 24px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 56px - 64px - 32px);
  box-sizing: border-box;
}

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

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

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

._addManualBtn_ixiyt_32 {
  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_ixiyt_32:hover {
  background: #218838;
}

._tab_ixiyt_24 {
  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_ixiyt_24:hover {
  color: #495057;
  background: #f8f9fa;
}

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

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

._tableWrapper_ixiyt_79 {
  background: white;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  overflow: auto;
  flex: 1;
  min-height: 0;
}

._table_ixiyt_79 {
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  table-layout: fixed;
}

._table_ixiyt_79 thead {
  background: #f8f9fa;
  border-bottom: 2px solid #e9ecef;
}

._table_ixiyt_79 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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._colorCell_ixiyt_270 {
  font-weight: 500;
}

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

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

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

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

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

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

._clickableRow_ixiyt_313 {
  cursor: pointer;
}

/* ── Context Menu ── */
._ctxMenu_ixiyt_318 {
  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_ixiyt_1 0.1s ease;
}

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

._ctxMenuItem_ixiyt_335 {
  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_ixiyt_335:hover {
  background: #f0f4ff;
}

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

._ctxMenuDanger_ixiyt_360 {
  color: #dc3545;
}

._ctxMenuDanger_ixiyt_360:hover {
  background: #fef2f2;
}

/* ── Student Badge ── */
._studentBadge_ixiyt_369 {
  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_ixiyt_381 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}

._card_ixiyt_391 {
  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_ixiyt_402 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border-bottom: 1px solid #e9ecef;
}

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

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

._cardClose_ixiyt_416:hover {
  color: #212529;
}

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

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

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

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

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

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

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

._cardSaveTransfer_ixiyt_486 {
  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_ixiyt_486:hover:not(:disabled) {
  background: #218838;
}

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

._cardSave_ixiyt_486 {
  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_ixiyt_486:hover:not(:disabled) {
  background: #0056b3;
}

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

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

._cardCancel_ixiyt_528:hover {
  background: #e9ecef;
}

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

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

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

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

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

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

._paymentTypeSelected_ixiyt_589 {
  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_ixiyt_589:hover {
  border-color: #007bff;
}

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

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

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

._paymentTypeDropdown_ixiyt_628 {
  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_ixiyt_1 0.12s ease;
}

._paymentTypeOption_ixiyt_644 {
  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_ixiyt_644:hover {
  background: #f0f4ff;
}

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

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

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

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

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

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

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

._comboboxInput_ixiyt_711 {
  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_ixiyt_711:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.15);
}

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

._comboboxOptionActive_ixiyt_733 {
  background: #e8f0fe;
}

/* ── AXL Go button ── */
._axlGoBtn_ixiyt_738 {
  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_ixiyt_738:hover {
  background: #0056b3;
}

/* ── Textarea ── */
._formTextarea_ixiyt_757 {
  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_ixiyt_757:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.15);
}

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

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

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

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

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

._amountCellInput_ixiyt_816 {
  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_ixiyt_816::-webkit-outer-spin-button,
._amountCellInput_ixiyt_816::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

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

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

._amountCellVat_ixiyt_854 {
  background-color: #a8c99b;
  color: #1a3d15;
}
* {
  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);
  }
}