/*
  Màn chờ lúc tải ứng dụng — đúng `#initialLoader` của bản Apps Script:

    <div class="fixed inset-0 bg-slate-50 flex flex-col items-center justify-center gap-4">
      <div class="w-12 h-12 border-4 border-slate-200 border-t-brand rounded-full spin"></div>
      <p class="text-sm text-slate-500 font-medium">Đang tải SSTC HUB...</p>

  CSS viết tay (không lớp Tailwind) vì tệp này hiện TRƯỚC khi bó CSS của ứng
  dụng tải xong — đó là lý do nó tồn tại.
*/
.sstc-loader {
    position: fixed;
    inset: 0;
    z-index: 100;
    background-color: #f8fafc;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.sstc-loader-spin {
    width: 3rem;
    height: 3rem;
    box-sizing: border-box;
    border: 4px solid #e2e8f0;
    border-top-color: #0284c7;
    border-radius: 9999px;
    animation: sstc-loader-spin 0.8s linear infinite;
}
.sstc-loader-text {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #64748b;
    font-weight: 500;
}
@keyframes sstc-loader-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}