.essentials-page.svelte-8689do{margin:6rem 0;min-height:auto;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.container.svelte-8689do{max-width:1400px;margin:0 auto;padding:0 1rem}.page-header.svelte-8689do{margin-bottom:2rem}.page-header.svelte-8689do h1:where(.svelte-8689do){font-size:var(--font-xxl);margin-bottom:1rem}.header-content.svelte-8689do{display:flex;align-items:center;justify-content:space-between;gap:1rem}.title-container.svelte-8689do{text-align:left}.underline.svelte-8689do{height:3px;width:80px;background-color:var(--accent);margin-bottom:.5rem}.lead.svelte-8689do{font-size:var(--font-base);color:var(--text-primary);text-align:left;max-width:60%;line-height:1.6;opacity:.9}.controls.svelte-8689do{display:flex;gap:1rem;margin-bottom:2rem}.search-container.svelte-8689do{flex:1;max-width:400px}.filter-controls.svelte-8689do{display:flex;gap:1rem;flex-wrap:wrap}.search-input-wrapper.svelte-8689do{position:relative;display:flex;align-items:center}.search-icon.svelte-8689do{position:absolute;left:1rem;color:var(--text-primary);z-index:1}.search-input.svelte-8689do{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:1rem}.search-input.svelte-8689do:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.clear-search.svelte-8689do{position:absolute;right:.75rem;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.25rem;border-radius:3px}.clear-search.svelte-8689do:hover{background-color:var(--bg-tertiary)}.filter-container.svelte-8689do,.sort-container.svelte-8689do{min-width:180px}.category-filter.svelte-8689do,.sort-filter.svelte-8689do{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:1rem;cursor:pointer}.category-filter.svelte-8689do:focus,.sort-filter.svelte-8689do:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.loading-state.svelte-8689do,.error-state.svelte-8689do,.empty-state.svelte-8689do{text-align:center;padding:4rem 2rem}.spinner.svelte-8689do{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;margin:0 auto 1rem;animation:svelte-8689do-spin 1s linear infinite}@keyframes svelte-8689do-spin{to{transform:rotate(360deg)}}.error-state.svelte-8689do i:where(.svelte-8689do),.empty-state.svelte-8689do i:where(.svelte-8689do){font-size:3rem;color:var(--accent);margin-bottom:1rem}.error-state.svelte-8689do h3:where(.svelte-8689do),.empty-state.svelte-8689do h3:where(.svelte-8689do){font-size:1.5rem;margin-bottom:.5rem;color:var(--text-secondary)}.error-state.svelte-8689do p:where(.svelte-8689do),.empty-state.svelte-8689do p:where(.svelte-8689do){margin-bottom:1.5rem;color:var(--text-primary)}.results-header.svelte-8689do{margin-bottom:2rem}.results-header.svelte-8689do h2:where(.svelte-8689do){font-size:1.5rem;color:var(--text-secondary);text-align:center}.cards-grid.svelte-8689do{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;width:100%}.btn.svelte-8689do{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all .2s ease;border:1px solid transparent;cursor:pointer;background:none;font-size:1rem}.btn-primary.svelte-8689do{background-color:var(--accent);color:#fff}.btn-primary.svelte-8689do:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-secondary.svelte-8689do{background-color:transparent;color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary.svelte-8689do:hover{background-color:var(--bg-secondary);transform:translateY(-1px)}@media (max-width: 1200px){.cards-grid.svelte-8689do{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.filter-container.svelte-8689do,.sort-container.svelte-8689do{flex:1}.cards-grid.svelte-8689do{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.header-content.svelte-8689do{flex-direction:column;align-items:flex-start}.lead.svelte-8689do{max-width:100%}.controls.svelte-8689do{flex-direction:column}.search-container.svelte-8689do,.filter-container.svelte-8689do{max-width:none}.cards-grid.svelte-8689do{grid-template-columns:1fr}}@media (max-width: 480px){.essentials-page.svelte-8689do{margin-top:5rem}}