@keyframes float {0% {transform: translate(0, 0) rotate(0deg);}
    25% {transform: translate(5vw, 10vh) rotate(90deg);}
    50% {transform: translate(10vw, -5vh) rotate(180deg);}
    75% {transform: translate(-5vw, -10vh) rotate(270deg);}
    100% {transform: translate(0, 0) rotate(360deg);}
  }
@keyframes pulse {
    0% {background-color: #0a0e17;}
    100% {background-color: rgba(110, 69, 226, 0.05);}
  }
@keyframes main-loader-spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
  }
@media (max-width: 768px) {
    .auth-home-content {padding: 3rem 1.5rem;}
    .auth-home-welcome-title {font-size: 2.2rem; margin-bottom: 1.2rem;}
    .auth-home-welcome-desc {font-size: 1.1rem; margin-bottom: 2rem;}
    .auth-home-features-box {margin: 2rem 0;}
    .auth-home-feature {padding: 0.6rem 1.2rem;}
  }
@media (max-width: 480px) {.auth-home-main-logo {width: 90px; height: 90px;}
    .auth-home-welcome-title {font-size: 1.8rem;}
    .auth-home-btn-box {max-width: 100%;}
  }
@media (max-width: 480px) {
    .auth-container {padding: 1.5rem; margin: 0 1rem;}
    .auth-logo img {width: 60px; height: 60px;}
    .auth-tab {padding: 0.6rem; font-size: 0.8rem;}
  }
@media (max-width: 768px) {
    .main-loader-content {padding: 1.5rem;}
    .main-loader-card {padding: 2rem 1.5rem; gap: 1.5rem;}
    .main-loader-spinner {width: 60px; height: 60px;}
    .main-loader-title {font-size: 1.1rem;}
    .main-loader-subtitle {font-size: 0.8rem;}
  }
@media (min-width: 1024px) {
   .server-side-panel {max-width: none; width: 100%;}
}
@media (max-width: 768px) {
  .server-side-modal-overlay {padding: 10px;}
  .server-side-modal {max-width: 90vw; padding: 16px; border-radius: 10px; max-height: 85vh; }
  .server-side-modal-title {font-size: 18px;}
  .server-side-modal-input {padding: 10px 12px; font-size: 15px;}
  .server-side-modal-btn {padding: 12px;  font-size: 15px;}
  .server-side-modal-close {padding: 10px; font-size: 15px;}
  .server-side-modal-error {font-size: 13px;}
}
@media (max-width: 480px) {
  .server-side-modal {max-width: 95vw; padding: 12px;}
  .server-side-modal-content {gap: 12px;}
  .server-side-modal-title {font-size: 16px;}
  .server-side-modal-input {padding: 8px 10px; font-size: 14px;}
  .server-side-modal-btn,
  .server-side-modal-close {padding: 10px; font-size: 14px; min-height: 44px;}
}
@keyframes pulse {
  0% {transform: scale(1); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);}
  70% {transform: scale(1.2); box-shadow: 0 0 0 6px rgba(16, 185, 129, 0);}
  100% {transform: scale(1); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);}
}
@media (max-width: 768px) {
  .channel-footer-bar {padding: 6px 10px;}
  .channel-footer-profile {padding: 4px 6px;}
  .channel-footer-avatar {width: 32px; height: 32px; margin-right: 8px;}
  .channel-footer-badge {width: 16px; height: 16px; font-size: 10px; top: -3px; right: -3px;}
  .channel-footer-info > * {font-size: 13px; max-width: 100px;}
  .channel-footer-status {font-size: 11px; max-width: 100px;}
  .channel-footer-wallet {padding: 4px 8px;}
  .channel-footer-tooltip {font-size: 12px;max-width: 180px;}
}