<!DOCTYPE html>
<html lang="en" data-beasties-container>

<head>
  <meta charset="utf-8">
  <title>BACKEND</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <script src="assets/js/jquery-3.4.1.min.js"></script>
  <script src="assets/js/summernote-lite.min.js"></script>
  <link rel="stylesheet" type="text/css" href="assets/css/summernote-lite.min.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" type="text/css" href="assets/css/summernote-lite.min.css"></noscript>
  <!-- <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCbvWCY3CObSk1irf7ryFZk5CEAVjvvvh4&libraries=places,drawing"></script> -->

  <!-- Load config before app starts -->
  <script>
    (function() {
      var xhr = new XMLHttpRequest();
      xhr.open('GET', '/assets/config.json', false); // Synchronous request
      xhr.send();
      if (xhr.status === 200) {
        window.__APP_CONFIG__ = JSON.parse(xhr.responseText);
      }
    })();
  </script>

  <style>
  .bo-loader {
    min-height: 100vh;
    width: 100%;
    background:
      radial-gradient(circle at 20% 20%, rgba(0, 174, 255, 0.22), transparent 30%),
      radial-gradient(circle at 80% 70%, rgba(123, 97, 255, 0.22), transparent 35%),
      linear-gradient(135deg, #030712 0%, #07111f 45%, #100b2f 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Inter, Arial, sans-serif;
    color: #ffffff;
    overflow: hidden;
  }

  .bo-loader-card {
    width: min(92%, 520px);
    padding: 42px 38px;
    border-radius: 28px;
    text-align: center;
    background: rgba(15, 23, 42, 0.78);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(18px);
  }

  .bo-logo {
    max-height: 58px;
    margin-bottom: 24px;
  }

  .bo-loader-card h1 {
    color: #ffffff;
    margin: 0;
    font-size: 30px;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: -0.4px;
  }

  .bo-subtitle {
    margin: 12px auto 30px;
    max-width: 390px;
    font-size: 15px;
    color: #aab6cf;
  }

  .bo-spinner {
    width: 128px;
    height: 128px;
    margin: 0 auto 28px;
    position: relative;
  }

  .bo-orbit {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    animation: spin 1.8s linear infinite;
  }

  .orbit-one {
    border-top-color: #22d3ee;
    border-right-color: #22d3ee;
  }

  .orbit-two {
    inset: 12px;
    border-bottom-color: #8b5cf6;
    border-left-color: #8b5cf6;
    animation-duration: 2.4s;
    animation-direction: reverse;
  }

  .bo-center {
    position: absolute;
    inset: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0ea5e9, #7c3aed);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    box-shadow: 0 0 35px rgba(34, 211, 238, 0.35);
  }

  .bo-center span {
    width: 8px;
    height: 8px;
    background: #ffffff;
    border-radius: 50%;
    animation: pulse 1.2s infinite ease-in-out;
  }

  .bo-center span:nth-child(2) {
    animation-delay: 0.2s;
  }

  .bo-center span:nth-child(3) {
    animation-delay: 0.4s;
  }

  .bo-steps {
    display: grid;
    gap: 10px;
    margin-bottom: 22px;
    text-align: left;
  }

  .bo-step {
    padding: 11px 14px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06);
    color: #b7c3d9;
    font-size: 14px;
  }

  .bo-step::before {
    content: "⏳";
    margin-right: 8px;
  }

  .bo-step.active::before {
    content: "✓";
    color: #22c55e;
    font-weight: 700;
  }

  .bo-progress {
    height: 8px;
    width: 100%;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.12);
  }

  .bo-progress-bar {
    height: 100%;
    width: 45%;
    border-radius: inherit;
    background: linear-gradient(90deg, #22d3ee, #8b5cf6);
    animation: progress 2.4s ease-in-out infinite;
  }

  .bo-note {
    margin: 18px 0 0;
    font-size: 13px;
    color: #8794ad;
  }

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

  @keyframes pulse {
    0%, 80%, 100% {
      opacity: 0.35;
      transform: scale(0.75);
    }
    40% {
      opacity: 1;
      transform: scale(1);
    }
  }

  @keyframes progress {
    0% {
      width: 20%;
      transform: translateX(-20%);
    }
    50% {
      width: 72%;
    }
    100% {
      width: 35%;
      transform: translateX(190%);
    }
  }

  @media (max-width: 520px) {
    .bo-loader-card {
      padding: 34px 24px;
      border-radius: 22px;
    }

    .bo-loader-card h1 {
      font-size: 24px;
    }

    .bo-spinner {
      width: 110px;
      height: 110px;
    }
  }
</style>
  
<link rel="stylesheet" href="ngx-datatable-index.d0d07548685a5a69.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="ngx-datatable-index.d0d07548685a5a69.css"></noscript><link rel="stylesheet" href="ngx-datatable-icons.36aa12023c4951ea.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="ngx-datatable-icons.36aa12023c4951ea.css"></noscript><link rel="stylesheet" href="ngx-datatable-material.b7ed9ad5826347be.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="ngx-datatable-material.b7ed9ad5826347be.css"></noscript><link rel="stylesheet" href="fontawesome-all.min.8e2e07be53e027c6.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="fontawesome-all.min.8e2e07be53e027c6.css"></noscript><link rel="stylesheet" href="fontawesome-v4-shims.min.0050c1d8d2323282.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="fontawesome-v4-shims.min.0050c1d8d2323282.css"></noscript><style>html{-webkit-tap-highlight-color:transparent}body{margin:0;line-height:1.5715;font-size:14px}h1,p{margin-top:0}p{margin-bottom:1em}h1{margin-bottom:.5em}body,html{width:100%;height:100%}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;--antd-wave-shadow-color:#1890ff;--scroll-bar:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{color:#000000d9;font-variant:tabular-nums;background-color:#fff;font-feature-settings:"tnum"}h1{color:#000000d9;font-weight:500}</style><link rel="stylesheet" href="ng-zorro-antd.683f7e56d2059e65.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="ng-zorro-antd.683f7e56d2059e65.css"></noscript><link rel="stylesheet" href="ng-zorro-antd-date-picker.5689180af2caf721.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="ng-zorro-antd-date-picker.5689180af2caf721.css"></noscript><link rel="stylesheet" href="bootstrap-icons.f118e5e094da67ca.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="bootstrap-icons.f118e5e094da67ca.css"></noscript><style>:root{--dx-font-size-heading-1:29px;--dx-font-size-heading-2:24px;--dx-font-size-heading-3:20px;--dx-font-size-heading-4:16px;--dx-font-size-heading-5:14px;--dx-font-size-heading-6:10px;--dx-font-size-xl:29px;--dx-font-size-lg:24px;--dx-font-size-md:18px;--dx-font-size-sm:16px;--dx-font-size-xs:10px;--dx-list-item-padding-inline:5px;--dx-list-item-padding-block:5px;--dx-texteditor-color-text:#333;--dx-texteditor-color-label:#999999;--dx-popup-toolbar-item-padding-inline:5px}:root{--dx-button-padding-inline:10px;--dx-component-color-bg:#fff;--dx-color-main-bg:#fff;--dx-color-primary:#337ab7;--dx-color-danger:#d9534f;--dx-color-success:#5cb85c;--dx-color-warning:#f0ad4e;--dx-color-border:#ddd;--dx-color-text:#333;--dx-color-icon:#333;--dx-color-spin-icon:#333;--dx-color-link:#337ab7;--dx-color-shadow:black;--dx-color-separator:#ddd;--dx-component-height:26px;--dx-font-size:12px;--dx-border-width:1px;--dx-border-radius:4px;--dx-font-size-icon:14px;--dx-toolbar-height:26px;--dx-datagrid-row-alternation-bg:whitesmoke}:root{--lpx-theme-light-bg:url(/assets/images/login/login-bg-img-light.svg);--lpx-theme-dim-bg:url(/assets/images/login/login-bg-img-dim.svg);--lpx-theme-dark-bg:url(/assets/images/login/login-bg-img-dark.svg);--lpx-brand:#00B4D9;--bs-btn-hover-color:var(--lpx-brand);--bs-btn-hover-bg:var(--lpx-brand);--bs-btn-hover-border-color:var(--lpx-brand);--bs-btn-hover-color:#00B4D9;--bs-btn-hover-bg:#00B4D9;--bs-btn-hover-borger-color:#00B4D9}:root body{letter-spacing:.3px}</style><link rel="stylesheet" href="styles.91007f8f7b5aa06a.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.91007f8f7b5aa06a.css"></noscript></head>

<body>
  <app-root>

<!-- Backoffice Premium Loader -->
<div class="bo-loader">
  <div class="bo-loader-card">
    
    <h1>Preparing Your Backoffice Dashboard</h1>
    <p class="bo-subtitle">
      Please wait while we sync the latest travel operations data.
    </p>

    <div class="bo-spinner">
      <div class="bo-orbit orbit-one"></div>
      <div class="bo-orbit orbit-two"></div>
      <div class="bo-center">
        <span></span><span></span><span></span>
      </div>
    </div>

    <div class="bo-steps">
      <div class="bo-step active">Connecting modules</div>
      <div class="bo-step active">Loading bookings, leads & reports</div>
      <div class="bo-step">Syncing supplier and management tools</div>
    </div>

    <div class="bo-progress">
      <div class="bo-progress-bar"></div>
    </div>

    <p class="bo-note">
      Initializing secure workspace for your team…
    </p>
  </div>
</div>


    
  </app-root>

<script src="runtime.f719006301898a38.js" type="module"></script><script src="polyfills.46542b27f4f86e6d.js" type="module"></script><script src="main.6065ae5db4bcf96e.js" type="module"></script></body>

</html>
