// Стили для лоадера
.app-loader
  position: fixed
  top: 0
  left: 0
  width: 100%
  height: 100%
  z-index: var(--z-modal)

.app-loader__overlay
  position: absolute
  top: 0
  left: 0
  width: 100%
  height: 100%
  background: var(--color-dark-50)
  backdrop-filter: blur(2px)

.app-loader__content
  position: absolute
  top: 50%
  left: 50%
  transform: translate(-50%, -50%)
  background: var(--color-white)
  padding: var(--spacing-xl)
  border-radius: var(--border-radius)
  box-shadow: var(--shadow-lg)
  text-align: center
  min-width: 200px
  
  .theme-dark &
    background: var(--color-dark)
    color: var(--color-light)

.app-loader__spinner
  width: 40px
  height: 40px
  border: 3px solid var(--color-primary-10)
  border-top: 3px solid var(--color-primary)
  border-radius: 50%
  animation: loader-spin 1s linear infinite
  margin: 0 auto var(--spacing-md)

.app-loader__text
  font-size: var(--font-size-base)
  color: var(--color-secondary)

@keyframes loader-spin
  0%
    transform: rotate(0deg)
  100%
    transform: rotate(360deg)