.page-directory .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;text-align:center}.page-directory .spinner{border:3px solid #f3f4f6;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-directory .loading-text{color:#6b7280;font-size:14px;font-weight:500}.page-directory .loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.directory-skeleton{animation:pulse 1.5s ease-in-out infinite}.page-directory .skeleton-element{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.page-directory .tab-skeleton{display:flex;gap:16px;margin-bottom:30px;border-bottom:2px solid #f3f4f6;padding-bottom:16px}.page-directory .skeleton-tab{width:120px;height:40px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:6px}.page-directory .featured-skeleton{margin-bottom:40px}.page-directory .skeleton-title{width:200px;height:32px;margin-bottom:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:6px}.page-directory .featured-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.page-directory .skeleton-featured-card{display:flex;gap:16px;padding:20px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.page-directory .skeleton-logo{width:60px;height:60px;flex-shrink:0;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}.page-directory .skeleton-content{flex:1 1;display:flex;flex-direction:column;gap:8px}.page-directory .skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.page-directory .skeleton-text-lg{height:20px;width:80%}.page-directory .skeleton-text-md{height:16px;width:60%}.page-directory .skeleton-text-sm{height:14px;width:40%}.page-directory .directories-skeleton{margin-bottom:40px}.page-directory .directory-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:40px}.page-directory .skeleton-directory-card{display:flex;gap:16px;padding:24px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05)}.page-directory .skeleton-rating{display:flex;gap:4px}.page-directory .skeleton-star{width:16px;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:2px}.page-directory .pagination-skeleton{display:flex;justify-content:center;gap:8px;align-items:center;padding:20px 0}.page-directory .skeleton-page{width:40px;height:40px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:6px}.error-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:40px 20px}.page-directory .error-content{max-width:500px;text-align:center}.page-directory .error-title{font-size:24px;font-weight:700;color:#dc2626;margin-bottom:16px}.page-directory .error-message{color:#6b7280;margin-bottom:24px;line-height:1.6}.page-directory .error-details{margin-bottom:24px;text-align:left;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px}.page-directory .error-details summary{cursor:pointer;font-weight:500;color:#374151;margin-bottom:8px}.page-directory .error-details pre{color:#dc2626;font-size:12px;white-space:pre-wrap;word-break:break-word}.page-directory .error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.page-directory .error-actions .btn{padding:12px 24px;border-radius:6px;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.page-directory .error-actions .md-primary-btn{background-color:#2563eb;color:white}.page-directory .error-actions .md-primary-btn:hover{background-color:#1d4ed8}.page-directory .error-actions .md-secondary-btn{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.page-directory .error-actions .md-secondary-btn:hover{background-color:#e5e7eb}@media (max-width:768px){.page-directory .directory-cards,.page-directory .featured-cards{grid-template-columns:1fr}.page-directory .skeleton-directory-card,.page-directory .skeleton-featured-card{flex-direction:column;text-align:center}.page-directory .skeleton-logo{align-self:center}.page-directory .tab-skeleton{flex-wrap:wrap}.page-directory .error-actions{flex-direction:column;align-items:center}.page-directory .btn{width:100%;max-width:200px}}