.loading-state{display:flex;align-items:center;justify-content:center;gap:10px;padding:var(--space-8,32px) 0;font-family:var(--font-body);font-size:14px;color:#64748b}.loading-spinner{width:20px;height:20px;border-radius:50%;border:2px solid #cbd5e1;border-top-color:#10b981;animation:craly-spin .7s linear infinite}@keyframes craly-spin{to{transform:rotate(1turn)}}.skeleton-dashboard-container{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.skeleton-banner{width:100%;height:120px;border-radius:14px}.skeleton-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.skeleton-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}@media (max-width:1199px){.skeleton-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:991px){.skeleton-grid-2col{grid-template-columns:1fr}}@media (max-width:639px){.skeleton-metrics-grid{grid-template-columns:1fr}}.loading-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.loading-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-sizing:border-box}.loading-shimmer{border-radius:8px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 37%,#e2e8f0 63%);background-size:400% 100%;animation:craly-shimmer 1.4s ease infinite}@keyframes craly-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.loading-shimmer--badge{width:100px;height:20px;border-radius:9999px;margin-bottom:16px}.loading-shimmer--title{width:70%;height:18px;margin-bottom:10px}.loading-shimmer--line{width:100%;height:14px;margin-bottom:8px}.loading-shimmer--short{width:50%}@media (max-width:900px){.loading-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.loading-grid{grid-template-columns:1fr}}