.dashboard{padding:0 var(--space-6);max-width:1200px;margin:0 auto}.hero{padding:var(--space-16) 0 var(--space-12);text-align:center;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-orb{filter:blur(100px);opacity:.3;border-radius:50%;position:absolute}.hero-orb-1{background:var(--accent-primary);width:400px;height:400px;animation:8s ease-in-out infinite float;top:-100px;left:20%}.hero-orb-2{background:#a855f7;width:300px;height:300px;animation:10s ease-in-out 2s infinite float;top:50px;right:15%}.hero-orb-3{background:var(--accent-secondary);width:250px;height:250px;animation:12s ease-in-out 4s infinite float;bottom:-50px;left:40%}.hero-content{z-index:1;position:relative}.hero-badge{gap:var(--space-2);margin-bottom:var(--space-6);font-size:var(--text-sm);display:inline-flex}.hero-title{font-size:clamp(2rem, 5vw, var(--text-4xl));letter-spacing:-.03em;margin-bottom:var(--space-5);font-weight:800;line-height:1.15}.hero-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-8);line-height:1.7}.hero-actions{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.stats-row{gap:var(--space-4);margin-bottom:var(--space-12);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{align-items:center;gap:var(--space-2);padding:var(--space-6);text-align:center;animation:slideUp var(--duration-slow) var(--ease-out) both;flex-direction:column;display:flex}.stat-icon{color:var(--accent-primary);margin-bottom:var(--space-1);font-size:1.5rem}.stat-value{font-size:var(--text-2xl);color:var(--text-primary);font-weight:700}.stat-label{font-size:var(--text-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.workflow-section{margin-bottom:var(--space-12)}.section-title{font-size:var(--text-2xl);margin-bottom:var(--space-6);letter-spacing:-.02em;font-weight:700}.section-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.workflow-steps{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.workflow-card{padding:var(--space-6);animation:slideUp var(--duration-slow) var(--ease-out) both;position:relative}.workflow-step-num{font-size:var(--text-xs);color:var(--accent-primary);font-weight:700;font-family:var(--font-mono);margin-bottom:var(--space-3)}.workflow-icon{margin-bottom:var(--space-3);font-size:1.75rem}.workflow-card h3{font-size:var(--text-base);margin-bottom:var(--space-2);font-weight:600}.workflow-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.templates-section{margin-bottom:var(--space-16)}.templates-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.template-card{padding:0;overflow:hidden}.template-preview{background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);justify-content:center;align-items:center;height:180px;display:flex;overflow:hidden}.template-svg-preview{width:100%;height:100%;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.template-svg-preview svg{width:auto;max-width:100%;height:auto;max-height:100%}.template-info{padding:var(--space-4) var(--space-4) var(--space-2)}.template-name{font-size:var(--text-base);margin-bottom:var(--space-2);font-weight:600}.template-meta{align-items:center;gap:var(--space-3);display:flex}.template-date{font-size:var(--text-xs);color:var(--text-tertiary)}.template-actions{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);display:flex}.empty-state{text-align:center;padding:var(--space-12) var(--space-6)}.empty-icon{color:var(--accent-primary);margin-bottom:var(--space-4);opacity:.5;font-size:3rem}.empty-state h3{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:600}.empty-state p{color:var(--text-secondary);margin-bottom:var(--space-6)}@media (max-width:768px){.stats-row,.workflow-steps{grid-template-columns:repeat(2,1fr)}.templates-grid{grid-template-columns:1fr}.hero-title{font-size:var(--text-2xl)}}