.flow-catalog{font-family:Inter,sans-serif;padding:2rem}.tab-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.tab-button{background:#f5f5f5;border:1px solid #ddd;border-radius:9999px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background .3s,transform .2s,color .3s}.tab-button:hover{background:#e8f1fb;transform:translateY(-2px)}.tab-button.active-tab{background:#347fd4;border-color:#347fd4;color:#fff}.tab-button.active-tab:hover{background:#2c6cc0}.tab-content{animation:fadeIn .4s ease}.flow-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.flow-card{background:#fff;border-radius:1rem;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;flex-direction:column;padding:1.5rem;transition:box-shadow .3s}.flow-card ul{list-style:none;margin-bottom:0;margin-top:auto;padding:0}.flow-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}.flow-card h3{color:#0f172a;font-size:1.4rem;font-weight:500;margin-bottom:1rem}.used-by{color:#64748b;font-size:1rem;margin-bottom:1rem;margin-top:-10px}.flow-card ul li{font-size:1rem;gap:.5rem;margin-bottom:.8rem}.check-icon,.flow-card ul li{align-items:center;display:flex}.check-icon{flex-shrink:0;justify-content:center}.hidden{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}