.projects-page{padding:var(--spacing-xl)}.page-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.page-header h1{color:var(--color-text-primary);font-size:24px}.projects-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.project-card{background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all .2s}.project-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.project-card-header{justify-content:space-between;align-items:flex-start;display:flex}.project-card h3{margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-size:16px}.project-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:13px;line-height:1.5}.project-meta{color:var(--color-text-tertiary);justify-content:space-between;font-size:12px;display:flex}.btn-delete{color:var(--color-text-tertiary);padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all .2s}.btn-delete:hover{color:var(--color-error);background:#ef53501a}.empty-state{text-align:center;padding:64px var(--spacing-xl)}.empty-icon{color:var(--color-text-tertiary);margin-bottom:var(--spacing-lg)}.empty-state h2{color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:20px}.empty-state p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.loading-state{padding:64px var(--spacing-xl);color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner{border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-primary);width:32px;height:32px;margin-bottom:var(--spacing-md);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{top:var(--spacing-lg);right:var(--spacing-lg);z-index:9999;position:fixed}.toast{background:var(--color-error,#ef5350);color:#fff;padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-md,8px);align-items:center;gap:var(--spacing-sm);font-size:14px;animation:.3s toast-in;display:flex;box-shadow:0 4px 12px #0000004d}.toast button{color:inherit;cursor:pointer;padding:0 0 0 var(--spacing-sm);opacity:.8;background:0 0;border:none;font-size:18px}.toast button:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.projects-page{padding:var(--spacing-md)}.projects-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}}