.header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--spacing-lg);border-bottom:1px solid rgba(229,231,235,.5);gap:var(--spacing-md)}.coming-soon{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:var(--spacing-xl);border-radius:var(--radius-lg);margin-top:var(--spacing-xl);border:1px solid rgba(229,231,235,.5);text-align:center}.coming-soon h2{margin:0 0 var(--spacing-md) 0;color:var(--text-label);font-size:1.25rem;font-weight:700}.coming-soon p{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.dashboard .container{max-width:1200px;padding:var(--spacing-md) var(--spacing-md)}.dashboard .title{text-align:left;width:100%;margin-bottom:.25rem}.dashboard .subtitle{text-align:left;margin-bottom:var(--spacing-xl)}.loading{text-align:center;padding:var(--spacing-xl)}.spinner{width:40px;height:40px;border:4px solid rgba(102,126,234,.2);border-top:4px solid var(--primary-start);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading p{color:var(--text-secondary);margin:0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.project-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .2s ease;box-shadow:var(--shadow-sm);position:relative}.view-project-btn{background:var(--primary-start);border:none;border-radius:var(--radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;margin-left:10px;transition:all .2s ease;box-shadow:0 2px 4px #667eea33}.view-project-btn:hover{background:var(--primary-end);transform:scale(1.1);box-shadow:0 4px 8px #667eea4d}.view-project-btn:active{transform:scale(.95)}.project-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-focus)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.project-name{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary);flex:1;line-clamp:1}.project-links-count{color:var(--primary-start);font-size:.875rem;font-weight:600;white-space:nowrap;margin-left:var(--spacing-md);background:#667eea1a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid rgba(102,126,234,.2);display:flex;align-items:center;justify-content:center}.project-date{color:var(--text-muted);font-size:.875rem;font-weight:500;white-space:nowrap;margin-left:var(--spacing-md)}.project-description{color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0;font-size:.95rem;line-height:1.5}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-family:inherit}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d}.empty-state{text-align:left;padding:var(--spacing-xl);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--radius-lg);border:1px solid rgba(229,231,235,.5);margin-top:var(--spacing-xl);max-width:600px}.empty-state h2{margin:0 0 var(--spacing-md) 0;color:var(--text-label);font-size:1.25rem;font-weight:700}.empty-state p{margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.view-project-btn .icon{color:#fff}@media (max-width: 480px){.dashboard .container{padding:var(--spacing-xl) var(--spacing-lg)}.header{flex-direction:column;gap:var(--spacing-md);align-items:space-between}.header-right{width:100%;justify-content:space-between}.user-info{max-width:none;flex:1}.projects-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.project-header{align-items:flex-start;gap:var(--spacing-xs);padding-right:0}.project-links-count,.project-date{margin-left:0}.empty-state{max-width:none}}
