.projects-view[data-v-b1442078]{padding:2rem;max-width:1200px;margin:0 auto}.page-header[data-v-b1442078]{margin-bottom:2rem}.page-title[data-v-b1442078]{font-size:2.5rem;margin-bottom:.5rem;color:var(--primary-text)}.page-description[data-v-b1442078]{color:var(--tertiary-text);font-size:1.1rem}.search-bar[data-v-b1442078]{display:flex;gap:1rem;margin-bottom:2rem}.search-input[data-v-b1442078]{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--secondary-bg);color:var(--primary-text);font-size:1rem;transition:border-color .3s}.search-input[data-v-b1442078]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #0070f31a}.search-button[data-v-b1442078]{padding:.75rem 1.5rem;background-color:var(--accent-color);color:var(--accent-button-text);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .3s}.search-button[data-v-b1442078]:hover{background-color:var(--accent-color-secondary)}.loading-state[data-v-b1442078]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;color:var(--tertiary-text)}.loading-spinner[data-v-b1442078]{width:50px;height:50px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin-b1442078 1s linear infinite;margin-bottom:1.5rem}@keyframes spin-b1442078{to{transform:rotate(360deg)}}.error-state[data-v-b1442078]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--error-color);text-align:center}.retry-button[data-v-b1442078],.reset-button[data-v-b1442078]{margin-top:1rem;padding:.6rem 1.2rem;background-color:var(--accent-color);color:var(--accent-button-text);border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .3s}.retry-button[data-v-b1442078]:hover,.reset-button[data-v-b1442078]:hover{background-color:var(--accent-color-secondary)}.empty-state[data-v-b1442078]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;color:var(--tertiary-text);text-align:center}.projects-grid[data-v-b1442078]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.project-card[data-v-b1442078]{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s;display:flex;flex-direction:column;gap:1rem}.project-card[data-v-b1442078]:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:var(--accent-color)}.project-icon[data-v-b1442078]{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:var(--accent-hover-bg);border-radius:12px}.project-title[data-v-b1442078]{font-size:1.3rem;margin:0;color:var(--primary-text)}.project-description[data-v-b1442078]{color:var(--tertiary-text);line-height:1.6;margin:0;flex:1}.project-meta[data-v-b1442078]{margin-top:auto}.project-date[data-v-b1442078]{color:var(--tertiary-text);font-size:.9rem}.view-details-button[data-v-b1442078]{margin-top:1rem;padding:.75rem 1rem;background-color:var(--accent-color);color:var(--accent-button-text);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .3s;text-align:center}.view-details-button[data-v-b1442078]:hover{background-color:var(--accent-color-secondary)}.pagination[data-v-b1442078]{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem}.page-button[data-v-b1442078]{padding:.5rem 1rem;background-color:var(--secondary-bg);color:var(--primary-text);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .3s}.page-button[data-v-b1442078]:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--accent-color)}.page-button[data-v-b1442078]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-b1442078]{color:var(--tertiary-text);font-size:.9rem}@media(max-width:768px){.projects-view[data-v-b1442078]{padding:1.5rem}.page-title[data-v-b1442078]{font-size:2rem}.search-bar[data-v-b1442078]{flex-direction:column}.projects-grid[data-v-b1442078]{grid-template-columns:1fr;gap:1.25rem}.pagination[data-v-b1442078]{flex-direction:column;gap:1rem}}