.templates-page{padding-top:var(--header-height)}.templates-hero{padding:var(--space-4xl) 0 var(--space-3xl);text-align:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);position:relative;overflow:hidden}.templates-filters{padding:var(--space-xl) 0;border-bottom:1px solid var(--border-subtle)}.templates-filters__bar{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.templates-filters__btn{color:var(--text-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500}.templates-filters__btn:hover{color:var(--text-primary);border-color:var(--border-medium);background:#6366f10d}.templates-filters__btn--active{color:#fff;background:var(--accent-primary);border-color:var(--accent-primary)}.templates-grid-section{padding:var(--space-3xl) 0 var(--space-4xl)}.templates-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.template-card__bottom{margin-top:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.template-card__pages{color:var(--text-tertiary);font-size:.75rem}@media (max-width:1024px){.templates-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.templates-grid{grid-template-columns:1fr}}.template-card__doc-preview{background:var(--doc-preview-bg);flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;padding:1.25rem;display:flex}.template-card__doc-icon{font-size:2.5rem;line-height:1}.template-card__doc-lines{flex-direction:column;gap:.35rem;width:100%;display:flex}.template-card__doc-line{background:#94a3b81f;border-radius:4px;height:7px}.templates-empty{text-align:center;padding:var(--space-4xl) 0;color:var(--text-tertiary);font-size:.9375rem}.template-card__save{color:#fff;border-radius:var(--radius-full);z-index:2;letter-spacing:.02em;background:linear-gradient(135deg,#10b981,#059669);padding:.25rem .625rem;font-size:.75rem;font-weight:700;position:absolute;top:.75rem;left:.75rem}