html[data-theme='dark'] .app-loading {
     background-color: #2c344a;
 }

 html[data-theme='dark'] .app-loading .app-loading-title {
     color: rgb(255 255 255 / 85%);
 }
 html[data-theme="dark"] .ant-steps-navigation .ant-steps-item::after {
     border-bottom: none;
     border-left: none;
}

 .app-loading {
     display: flex;
     width: 100%;
     height: 100%;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     background-color: #f4f7f9;
 }

 .app-loading .app-loading-wrap {
     position: absolute;
     top: 50%;
     left: 50%;
     display: flex;
     transform: translate3d(-50%, -50%, 0);
     justify-content: center;
     align-items: center;
     flex-direction: column;
 }

 .app-loading .app-loading-title {
     display: flex;
     margin-top: 30px;
     font-size: 30px;
     color: rgb(0 0 0 / 85%);
     justify-content: center;
     align-items: center;
 }

 .app-loading .app-loading-logo {
     display: block;
     width: 90px;
     margin: 0 auto;
     margin-bottom: 20px;
     border: none;
 }

 /* ===== Power Loading: energy core with rotating coils and flowing current ===== */
 .app-loading .power-loader {
     position: relative;
     width: 88px;
     height: 88px;
 }

 .app-loading .power-loader__core {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 14px;
     height: 14px;
     margin: -7px 0 0 -7px;
     background: linear-gradient(135deg, #0065cc, #3aa3ff);
     border-radius: 50%;
     animation: power-core-pulse 2s ease-in-out infinite;
     box-shadow: 0 0 24px rgba(0, 101, 204, 0.5);
     z-index: 2;
 }

 .app-loading .power-loader__ring {
     position: absolute;
     top: 50%;
     left: 50%;
     border-radius: 50%;
     border: 2px solid transparent;
 }

 .app-loading .power-loader__ring--1 {
     width: 88px;
     height: 88px;
     margin: -44px 0 0 -44px;
     border-top-color: rgba(0, 101, 204, 0.6);
     border-right-color: rgba(0, 101, 204, 0.15);
     animation: power-spin 2.4s linear infinite;
 }

 .app-loading .power-loader__ring--2 {
     width: 64px;
     height: 64px;
     margin: -32px 0 0 -32px;
     border-bottom-color: rgba(58, 163, 255, 0.5);
     border-left-color: rgba(58, 163, 255, 0.12);
     animation: power-spin 1.8s linear infinite reverse;
 }

 .app-loading .power-loader__ring--3 {
     width: 40px;
     height: 40px;
     margin: -20px 0 0 -20px;
     border-top-color: rgba(0, 101, 204, 0.7);
     border-bottom-color: rgba(0, 101, 204, 0.2);
     animation: power-spin 1.2s linear infinite;
 }

 .app-loading .power-loader__flow {
     position: absolute;
     bottom: -28px;
     left: 50%;
     width: 100px;
     height: 2px;
     background: rgba(0, 101, 204, 0.08);
     border-radius: 1px;
     transform: translateX(-50%);
     overflow: hidden;
 }

 .app-loading .power-loader__flow::after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 36px;
     height: 100%;
     background: linear-gradient(90deg, transparent, #3aa3ff, transparent);
     border-radius: 1px;
     animation: power-flow 1.8s ease-in-out infinite;
 }

 @keyframes power-core-pulse {
     0%, 100% { transform: scale(1); opacity: 1; }
     50% { transform: scale(1.35); opacity: 0.75; }
 }

 @keyframes power-spin {
     from { transform: rotate(0deg); }
     to { transform: rotate(360deg); }
 }

 @keyframes power-flow {
     0% { transform: translateX(-36px); }
     100% { transform: translateX(100px); }
 }

 /* Dark mode for power loader */
 html[data-theme='dark'] .app-loading .power-loader__core {
     background: linear-gradient(135deg, #3aa3ff, #66b3ff);
     box-shadow: 0 0 24px rgba(58, 163, 255, 0.6);
 }

 html[data-theme='dark'] .app-loading .power-loader__ring--1 {
     border-top-color: rgba(58, 163, 255, 0.5);
     border-right-color: rgba(58, 163, 255, 0.12);
 }

 html[data-theme='dark'] .app-loading .power-loader__ring--2 {
     border-bottom-color: rgba(58, 163, 255, 0.4);
     border-left-color: rgba(58, 163, 255, 0.1);
 }

 html[data-theme='dark'] .app-loading .power-loader__ring--3 {
     border-top-color: rgba(58, 163, 255, 0.6);
     border-bottom-color: rgba(58, 163, 255, 0.15);
 }

 html[data-theme='dark'] .app-loading .power-loader__flow {
     background: rgba(58, 163, 255, 0.1);
 }

 html[data-theme='dark'] .app-loading .power-loader__flow::after {
     background: linear-gradient(90deg, transparent, #66b3ff, transparent);
 }

 @media (max-width: 600px) {
    .app-loading .app-loading-logo,
    .app-loading .app-loading-title {
      display: none;
    }
  }