._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_mtvfs_2 {
  display: flex;
  gap: 4px;
  padding: 4px;
  background: #f0f0f0;
  border-radius: 12px;
  margin-bottom: 12px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._moreFiltersWrapper_mtvfs_189 {
  position: relative;
}

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

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

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

._pullRefreshIndicator_mtvfs_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_mtvfs_259 {
  animation: none;
}

._spinner_mtvfs_263 {
  animation: _spin_mtvfs_263 0.8s linear infinite;
}

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

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

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

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

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

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

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

/* Sidebar */
._sidebar_mtvfs_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_mtvfs_335 ._tabSwitcher_mtvfs_2 {
  margin: 16px;
  margin-bottom: 0;
}

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

._sidebar_mtvfs_335 ._filters_mtvfs_165 {
  padding: 0 16px 12px;
}

._sidebar_mtvfs_335 ._filterBtn_mtvfs_171 {
  padding: 6px 10px;
  font-size: 12px;
}

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

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

._studentItem_mtvfs_377:hover {
  background: #f8f9fb;
}

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

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

._unreadBadgeMobile_mtvfs_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_mtvfs_435._markedUnreadBadge_mtvfs_426 {
  background: #ff9800 !important;
  min-width: 22px !important;
  width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  border-radius: 11px !important;
}

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

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

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

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

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

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

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

._sidebar_mtvfs_335 ._studentNameRow_mtvfs_464 {
  gap: 6px;
}

._sidebar_mtvfs_335 ._telegramTag_mtvfs_304 {
  font-size: 11px;
  color: #94a3b8;
}

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

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

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

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

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

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

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

._contextMenuItem_mtvfs_591 {
  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_mtvfs_591: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_4scnc_1 {
  max-width: 1200px;
  margin: 0 auto;
}

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

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

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

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

._error_4scnc_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_4scnc_51 button {
  background: none;
  border: none;
  color: #ef4444;
  font-size: 20px;
  cursor: pointer;
  padding: 0 4px;
}

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

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

._table_4scnc_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_4scnc_72 td {
  padding: 16px 20px;
  font-size: 14px;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

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

._table_4scnc_72 tr._inactive_4scnc_107 {
  opacity: 0.5;
}

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

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

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

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

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

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

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

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

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

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

._actionBtn_4scnc_180 {
  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_4scnc_180:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

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

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

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

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

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

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

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

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

  ._addButton_4scnc_30 {
    justify-content: center;
  }

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

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

  ._actions_4scnc_175 {
    flex-wrap: wrap;
  }
}
._overlay_15ghu_1 {
  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;
  padding: 2rem;
}

._modal_15ghu_15 {
  background: white;
  border-radius: 16px;
  width: 100%;
  max-width: 900px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

._header_15ghu_27 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.75rem 2rem;
  border-bottom: 1px solid #e5e7eb;
  background: #fafafa;
  flex-shrink: 0;
}

._header_15ghu_27 h2 {
  margin: 0;
  font-size: 1.375rem;
  font-weight: 700;
  color: #1f2937;
  letter-spacing: -0.02em;
}

._closeBtn_15ghu_45 {
  background: none;
  border: none;
  font-size: 1.75rem;
  color: #9ca3af;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: all 0.15s;
}

._closeBtn_15ghu_45:hover {
  background: #f3f4f6;
  color: #6b7280;
}

._content_15ghu_65 {
  padding: 2rem;
  overflow-y: auto;
  flex: 1;
  max-height: calc(90vh - 160px); /* вычитаем header и footer */
  background: white;
}

._error_15ghu_73 {
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  margin-bottom: 1.5rem;
  color: #991b1b;
  font-size: 0.875rem;
}

._section_15ghu_83 {
  margin-bottom: 1.5rem;
}

._sectionTitle_15ghu_87 {
  font-size: 1.0625rem;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 1.25rem 0;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid #e5e7eb;
  letter-spacing: -0.01em;
}

._field_15ghu_97 {
  margin-bottom: 1.25rem;
}

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

._field_15ghu_97 label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #374151;
  margin-bottom: 0.5rem;
}

._field_15ghu_97 input,
._field_15ghu_97 select,
._field_15ghu_97 textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1.5px solid #d1d5db;
  border-radius: 8px;
  font-size: 0.9375rem;
  color: #1f2937;
  transition: all 0.2s;
  font-family: inherit;
  background: white;
}

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

._field_15ghu_97 input::placeholder,
._field_15ghu_97 textarea::placeholder {
  color: #9ca3af;
}

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

._row_15ghu_146 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

._infoBox_15ghu_152 {
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 8px;
  padding: 1rem 1.25rem;
  font-size: 0.875rem;
  color: #0c4a6e;
  line-height: 1.7;
}

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

._checkboxGroup_15ghu_167 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: #f9fafb;
  padding: 1.25rem;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}

._checkbox_15ghu_167 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  font-size: 0.9375rem;
  color: #374151;
  padding: 0.5rem;
  border-radius: 6px;
  transition: background 0.15s;
}

._checkbox_15ghu_167:hover {
  background: #f3f4f6;
}

._checkbox_15ghu_167 input[type="checkbox"] {
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin: 0;
  accent-color: #6366f1;
}

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

._systemInfo_15ghu_206 {
  background: #fefce8;
  border: 1px solid #fde047;
  border-radius: 8px;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._systemInfoItem_15ghu_216 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
}

._systemLabel_15ghu_223 {
  color: #854d0e;
  font-weight: 600;
}

._systemValue_15ghu_228 {
  color: #713f12;
  font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', monospace;
  font-size: 0.8125rem;
}

._footer_15ghu_234 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  padding: 1.5rem 2rem;
  border-top: 1px solid #e5e7eb;
  background: #fafafa;
  flex-shrink: 0; /* Не сжимается */
}

._cancelBtn_15ghu_244,
._saveBtn_15ghu_245 {
  padding: 0.75rem 2rem;
  border-radius: 8px;
  font-size: 0.9375rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s;
  border: none;
  min-width: 120px;
}

._cancelBtn_15ghu_244 {
  background: white;
  color: #6b7280;
  border: 1px solid #d1d5db;
}

._cancelBtn_15ghu_244:hover:not(:disabled) {
  background: #f9fafb;
  color: #374151;
  border-color: #9ca3af;
}

._saveBtn_15ghu_245 {
  background: #6366f1;
  color: white;
  box-shadow: 0 1px 3px 0 rgba(99, 102, 241, 0.3);
}

._saveBtn_15ghu_245:hover:not(:disabled) {
  background: #4f46e5;
  box-shadow: 0 2px 6px 0 rgba(99, 102, 241, 0.4);
  transform: translateY(-1px);
}

._cancelBtn_15ghu_244:disabled,
._saveBtn_15ghu_245:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

/* Duplicate Warning */
._duplicateWarning_15ghu_288 {
  background: #fffbeb;
  border: 2px solid #fbbf24;
  border-radius: 12px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}

._duplicateHeader_15ghu_296 {
  font-size: 1rem;
  color: #92400e;
  margin-bottom: 1rem;
}

._duplicateContent_15ghu_302 {
  background: white;
  border-radius: 8px;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid #fde68a;
}

._duplicateContent_15ghu_302 p {
  margin: 0.5rem 0;
  font-size: 0.9375rem;
  color: #78350f;
}

._duplicateContent_15ghu_302 strong {
  color: #92400e;
  font-weight: 600;
  margin-right: 0.5rem;
}

._duplicateLink_15ghu_322 {
  display: inline-block;
  margin-top: 0.75rem;
  color: #2563eb;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 600;
  transition: color 0.15s;
}

._duplicateLink_15ghu_322:hover {
  color: #1d4ed8;
  text-decoration: underline;
}

._mergeBtn_15ghu_337 {
  width: 100%;
  padding: 0.875rem 1.5rem;
  background: #f59e0b;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 0.9375rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s;
  margin-bottom: 0.5rem;
}

._mergeBtn_15ghu_337:hover:not(:disabled) {
  background: #d97706;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}

._mergeBtn_15ghu_337:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

._cancelMergeBtn_15ghu_363 {
  width: 100%;
  padding: 0.75rem 1.5rem;
  background: white;
  color: #6b7280;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s;
}

._cancelMergeBtn_15ghu_363:hover:not(:disabled) {
  background: #f9fafb;
  color: #374151;
  border-color: #9ca3af;
}

._cancelMergeBtn_15ghu_363:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._container_1um3x_1 {
  max-width: 1600px;
  margin: 0 auto;
  padding: 2rem;
}

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

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

._subtitle_1um3x_22 {
  font-size: 0.95rem;
  color: #666;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

._table_1um3x_133 thead {
  background: #f9fafb;
}

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

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

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

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

._table_1um3x_133 tbody tr._banned_1um3x_173 {
  background: #fef2f2;
}

._table_1um3x_133 tbody tr._banned_1um3x_173:hover {
  background: #fee2e2;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._actionBtn_1um3x_306._danger_1um3x_324 {
  color: #dc2626;
}

._actionBtn_1um3x_306._danger_1um3x_324:hover {
  background: #fee2e2;
  color: #991b1b;
}

._empty_1um3x_333 {
  text-align: center;
  color: #9ca3af;
  padding: 3rem 1rem !important;
  font-style: italic;
}
* {
  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);
  }
}