.loading-screen{
    position:fixed;
    inset:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:#ffffff;
    z-index:9999;
    transition: opacity 0.4s ease, visibility 0.4s ease;
  }

  .loading-screen.hide{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }

  .spinner{
    width:40px;
    height:40px;
    border:3px solid #e5e7eb;
    border-top-color:#0070ba;
    border-radius:50%;
    animation:spin 0.8s linear infinite;
    margin-bottom:20px;
  }

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

  .loading-text{
    font-size:14px;
    color:#6b7280;
    letter-spacing:0.01em;
  }

  @media (prefers-reduced-motion: reduce){
    .spinner{ animation-duration: 1.6s; }
  }