.saved-projects-page{min-height:100vh}.saved-projects-page .hero-section{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:80px 0}.saved-projects-page .hero-section .container{max-width:1200px;margin:0 auto;padding:0 20px}.saved-projects-page .hero-section h1{margin-bottom:1rem;font-size:3rem;font-weight:700}.saved-projects-page .hero-section p{opacity:.9;font-size:1.2rem}.saved-projects-page .loading-state{text-align:center;padding:80px 0}.saved-projects-page .loading-state .loading-spinner{border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:1s linear infinite spin}.saved-projects-page .loading-state p{color:#666;font-size:1.1rem}.saved-projects-page .login-required{text-align:center;padding:80px 0}.saved-projects-page .login-required h1{color:#333;margin-bottom:1rem;font-size:2.5rem}.saved-projects-page .login-required p{color:#666;margin-bottom:2rem;font-size:1.2rem}.saved-projects-page .login-required .auth-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.saved-projects-page .login-required .auth-buttons .btn{border-radius:5px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s}.saved-projects-page .login-required .auth-buttons .btn.btn-primary{color:#fff;background:#667eea}.saved-projects-page .login-required .auth-buttons .btn.btn-primary:hover{background:#5a6fd8}.saved-projects-page .login-required .auth-buttons .btn.btn-secondary{color:#667eea;background:0 0;border:2px solid #667eea}.saved-projects-page .login-required .auth-buttons .btn.btn-secondary:hover{color:#fff;background:#667eea}.saved-projects-page .projects-section{padding:80px 0}.saved-projects-page .projects-section .container{max-width:1200px;margin:0 auto;padding:0 20px}.saved-projects-page .projects-section .empty-state{text-align:center;padding:80px 0}.saved-projects-page .projects-section .empty-state .empty-icon{color:#ccc;margin-bottom:2rem}.saved-projects-page .projects-section .empty-state h2{color:#333;margin-bottom:1rem;font-size:2rem}.saved-projects-page .projects-section .empty-state p{color:#666;margin-bottom:2rem;font-size:1.1rem}.saved-projects-page .projects-section .empty-state .btn{color:#fff;background:#667eea;border-radius:5px;padding:12px 24px;font-weight:600;text-decoration:none;transition:background .3s}.saved-projects-page .projects-section .empty-state .btn:hover{background:#5a6fd8}.saved-projects-page .projects-section .projects-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.saved-projects-page .projects-section .projects-header h2{color:#333;font-size:2rem}.saved-projects-page .projects-section .projects-header .filter-options .filter-select{background:#fff;border:2px solid #e9ecef;border-radius:5px;padding:10px 15px;font-size:1rem}.saved-projects-page .projects-section .projects-header .filter-options .filter-select:focus{border-color:#667eea;outline:none}.saved-projects-page .projects-section .projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.saved-projects-page .projects-section .project-card{background:#fff;border-radius:10px;transition:transform .3s;overflow:hidden;box-shadow:0 4px 6px #0000001a}.saved-projects-page .projects-section .project-card:hover{transform:translateY(-2px)}.saved-projects-page .projects-section .project-card .project-actions{border-top:1px solid #e9ecef;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem;display:flex}.saved-projects-page .projects-section .project-card .project-actions .btn{cursor:pointer;border:none;border-radius:5px;padding:8px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s}.saved-projects-page .projects-section .project-card .project-actions .btn.btn-outline{color:#dc3545;background:0 0;border:2px solid #dc3545}.saved-projects-page .projects-section .project-card .project-actions .btn.btn-outline:hover{color:#fff;background:#dc3545}.saved-projects-page .projects-section .project-card .project-actions .btn.btn-primary{color:#fff;background:#667eea}.saved-projects-page .projects-section .project-card .project-actions .btn.btn-primary:hover{background:#5a6fd8}.saved-projects-page .cta-section{text-align:center;background:#f8f9fa;padding:80px 0}.saved-projects-page .cta-section .container{max-width:1200px;margin:0 auto;padding:0 20px}.saved-projects-page .cta-section h2{color:#333;margin-bottom:1rem;font-size:2.5rem}.saved-projects-page .cta-section p{color:#666;margin-bottom:2rem;font-size:1.2rem}.saved-projects-page .cta-section .cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.saved-projects-page .cta-section .cta-buttons .btn{border-radius:5px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s}.saved-projects-page .cta-section .cta-buttons .btn.btn-primary{color:#fff;background:#667eea}.saved-projects-page .cta-section .cta-buttons .btn.btn-primary:hover{background:#5a6fd8}.saved-projects-page .cta-section .cta-buttons .btn.btn-secondary{color:#667eea;background:0 0;border:2px solid #667eea}.saved-projects-page .cta-section .cta-buttons .btn.btn-secondary:hover{color:#fff;background:#667eea}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.saved-projects-page .hero-section h1{font-size:2rem}.saved-projects-page .projects-section .projects-header{flex-direction:column;align-items:flex-start}.saved-projects-page .projects-section .projects-grid{grid-template-columns:1fr}.saved-projects-page .projects-section .project-card .project-actions{flex-direction:column}.saved-projects-page .projects-section .project-card .project-actions .btn{width:100%}.saved-projects-page .cta-section .cta-buttons{flex-direction:column;align-items:center}.saved-projects-page .cta-section .cta-buttons .btn{width:200px}}